body {
    font-family: Sans-serif;
}

.container {
    display: flex;
}

/* Background */

.background {
    width: 50vw;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.overlay {
    height: 100vh;
    width: 50vw;
    position: fixed;
    background-color: rgba(0,0,0, .24)

}
.background-img {
    display: block;
    width: 50vw;
    max-height: 100vh;
    min-width: 50vw;
}

.logo {
    height: 123px !important;
    width: 123px !important;
    position: fixed;
    bottom: 50px;
    left: 50px;

}

/* Text Area */
.text{
    width: 50vw;
    background-color: #F8F8F8;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
 p{
     text-align: center;
 }

 .company-name {
    font-size:20pt;
    margin-bottom: 40px;
 }

 .headline {
    font-size:40pt;
    margin-bottom: 30px;
 }

 .subtext{
    font-size:25pt;
    margin-bottom: 40px;
 }

 .details {
    font-size:12pt;
    margin-top: 30px;
 }

.email-button{
    display: flex;

}

 input {
    height: 71px;
    padding: 0px 0px 0px 10px;
    margin: 0px;
    font-size: 14pt;
    flex-grow: 1;
    border-top: solid 1px #979797;
    border-left: solid 1px #979797;
    border-bottom: solid 1px #979797;
    /* width: calc(70% - 4px); */
 }

 button {
    height: 71px;
    margin: 0px;
    background-color: black;
    color: white;
    font-size: 14pt;
    border: none;
    padding: 0px 20px 0px 20px;
    width: 150px;
 }
 button:focus {
    outline: none;
}
input:focus {
    outline: none;
}

.check{
    display: none;
}

#submitted {
    display: none;
}