html{
    min-height: 100%;
    min-width: 100%;
    bottom: 0;
    overflow: auto;
}

body{
    width:100%;
    min-width: 100%;
    min-height: 100%;
    font-family: sans-serif;
    color: #675636;
    background-image: linear-gradient(to bottom right, #c7c5c4, rgb(238,238,238));
}

header{
    max-height: 280px;
    width:80%;
    margin:auto;
    padding-bottom: 20px;
}

a{
    color: darkgoldenrod;
    word-wrap: break-word;
}

.header__logo_div{
    height: 100px;
    width: 100px;
    margin: auto;
}

.header__logo{
    padding-top: 15px;
    height: 99px;
    width: 99px;
}

.header__title{
    text-align: center;
    color: #181818;
    font-family: sans-serif;
    margin-top: 20px;
    padding-top: 15px;
}

.header__text{
    color: #181818;
    text-align: center;
    font-family: sans-serif;
}

.entry-container{
    margin-top: 20px;
}

.entry__box{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    width:  80%;
    height: content-box;
    padding: 20px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    background-image: linear-gradient(to bottom right, rgb(238,238,238), #c7c5cc);
}

.form_box{
    display: block;
    width:  75%;
    height: content-box;
    padding: 20px 20px 50px 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5em;
    background-image: linear-gradient(to bottom right, rgb(238,238,238), #c7c5cc);
}

.image_box{
    min-width: 30%;
    display: flex;
    justify-content: center;
}

.entry_image{
    max-width: 100%;
    height:auto;
}

.info_box-container{
    display: flex;
    min-width: 70%;
    max-width: 100%;
}

.info_box{
    display: block;
    margin-top: auto;
    margin-bottom: auto;
}

.image_side__div{
    max-width: 100%;
    max-height: 100%;
}

.company__box{
    display: block;
    width:  80%;
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

.company__box-contents{
    display: grid;
    grid-template-columns: repeat(auto-fill, 25%) ;
    grid-gap: 0;
}

.footer{
    margin-right: 10px;
    position: fixed;
    right: 0;
    bottom: 0;
    text-align: right;
}

.privacyPolicy{
    font-size: large;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.email_header{
    display: grid;
    grid-template-columns: 20% 60%;
    margin-top: 10px;
}

.input_box{
    width:100%;
    color: #675636;
    font-size: .5cm;
}

.email_body-text{
    width: 100%;
    color: #675636;
    font-size: .5cm;
    min-height: 7em;
}

.email_body{
    margin-top: 10px;
}

.submit_button{
    width:12em;
    height: 1.5em;
    color: #675636;
    font-size: .5cm;
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: lightskyblue;
}

.tooltip .tool-tip-text {
    visibility:hidden;
    width: 120px;
    background-color: #005500;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity .3s;
}

.tooltip .tool-tip-text::after {
    content: "";
    position: absolute;
    top:100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555;
}

.tooltip:hover .tool-tip-text {
    visibility: visible;
    opacity: 1;
}