style.css

@font-face {
    font-family: 'FuturaLT-Bold';
    src: url('fonts/Futura-Font/FuturaLT-Bold.ttf'); /* IE9 Compat Modes */
}
@font-face {
    font-family: 'FuturaLT-Light';
    src: url('fonts/Futura-Font/FuturaLT-Light.ttf'); /* IE9 Compat Modes */
}
body{
    background: -webkit-linear-gradient(239deg  , #f7008c , #1900df); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(239deg, #f7008c, #1900df); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(to left, #f7008c, #1900df); /* For Firefox 3.6 to 15 */
    background: linear-gradient(239deg, #f7008c , #1900df); /* Standard syntax (must be last) */
}
.mango{
        position: fixed;
        left: -22em;
        bottom: -6em;
        z-index: -1;
        align-content: center;
        width: 190em;   
        overflow: hidden;
}
.jayz {
    width: -webkit-fill-available;
    align-items: center;
}
.content{
    margin-top: 20%;
    z-index: 1;
    padding-bottom: 46vh;
}
.mango-logo{
    margin-left: auto;
    margin-right: auto;
    margin-top: 5em;
    display: block;
    height: 250px;
}
.title{
    color:white;
    font-family: FuturaLT-Bold;
    font-size: 60px;
   padding-left:2em; 

}
.info{
    font-size: 25px;
    color:white;    
    font-family: FuturaLT-Light;
    padding-top: 0.5em;
    padding-left: 4.75em;
}
.mlh-logo{
    top:0em;
    height:23%;
    right: 1%;
    position: fixed;
}
.pt-5 {
    padding-top: 30px;
    padding-left: 2em !important;
}
.button {
    color:white;
    padding: 8px 50px;
    border: 2px solid white;
    border-radius: 100px;
    background: transparent;
    text-decoration: none;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    outline:none !important;
}
#the-form {
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
}
#email-label{
    color: white !important;
}
#submit-btn{
    background-color: transparent !important;
    color: white !important;
    font-family: FuturaLT-Light;
    position: relative;
    left: -5.5em;
    box-shadow: none;
}
#email{
    border-color: white !important;
    color:white !important;
    width:22em;
}
button:focus {
    outline: 0;
    background-color: transparent;
}
.input-field {
    margin-top: 0;
    margin-left: -0.5em !important;
}


@media only screen and (max-width: 768px) {
    .title{
        font-size: 35px !important;
    }
    .info{
        font-size:15px; 
    }
}
.form-group{
}
@media only screen and (max-width: 575px) {
    .content{
        margin-top: 50%;
        margin-left: -7%;
    }
    #email{
        width:17em;
    }
}