body {
    font-family: 'Open Sans', sans-serif;
}

/* Header Styles */

#main-header {
    width: 100%;
}

.titles {
    display: flex;
    text-transform: uppercase;
}

.titles h5 {
    font-weight: bold;
    letter-spacing: 1px;
    color: #fff;
    margin:5px;
    
}

.logo, .login {
    padding: 15px;
}

input {
    height: 35px;
    width: 180px;
    border-radius: 5px;
    border: none;
    outline: none;
    padding: 15px;
    margin: 0 5px;
}

.login {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 8%;
}

form a  {
    color: #fff;
    text-transform: uppercase;
}

form a:hover {
    color: #ef4136;
    text-decoration: none;
}

.text-container {
    color: #fff;
}

.text-container h1 {
    text-transform: uppercase;
    font-weight: bold;
}

.text-container p {
    font-weight: lighter;
}

.fields p {
  color: #fff;
  padding-left: 8px;
}

@media only screen 
and (min-width : 320px) 
and (max-width : 1024px) {

    #main-header {
        background: url('../images/home_bg.jpg')no-repeat top left;
        padding-bottom: 25px;
    }
    

    .head-container {
        width: 100%;
        text-align: center;
    }

    .head-container > div {
        width: 100%;
    }

    .login {
        padding:0 25px;
    }

    
    .logo {
        text-align: center;
    }

    input {
        width: 75%;
        height: 35px;
    }

    form > * {
        margin: 3px 0;
    }   

    .login {
        display: none;
    }

    .logBTN {
        height: 35px;
        width: 75%;
        text-transform: uppercase;
        background: #ef4136;
    }

    .text-container {
        margin-top: 6px;
        text-align: center;
    }
    
    .text-container h1 {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 2.5em;
    }
    
    .text-container p {
        padding-top: 10px;
        width: 100%;
        font-size: 1.13em;
        font-weight: lighter;
    }


}


@media only screen 
and (min-width : 1025px) {

    .head-container > div {
        width: 50%;
    }
    
    .space-log {
        padding-left: 135px;
    }

    .head-container {
        width: 65%;
        display: flex;
        align-items: flex-end;
    }

    .mob-login {
        display: none;
    }

    #main-header {
        height: 612px;
        background: url('../images/home_bg.jpg')no-repeat top center;
    }

    .logBTN {
        height: 37px;
        margin-top: -2px;
        width: 100px;
        text-transform: uppercase;
        background: #ef4136;
    }

    .text-container {
        margin-top: 60px;
    }
    
    .text-container h1 {
        font-size: 5.5em;
    }
    
    .text-container p {
        padding-top: 10px;
        max-width: 56%;
        font-size: 1.5em;
    }

    .sng-link {
      color: #ef4136;
      font-weight: bold;
    }

    .sng-link:hover {
      text-decoration: none;
      color: #d63026;
    }

}