body { 
    /* background-image:url(images/bg.jpg); 
    background-repeat:repeat-x; */
     background-color: #002e62; 
      -webkit-text-size-adjust: 100%;
}
.wrapper { max-width:100%; margin:0 auto; background: #002e62; }
/* .header { 
    padding:44px 0 0 66px;
     background:url(images/bg_home_header.jpg) repeat-y; 
     height:68px; 
      background-size:100% 100%;
     } */

     .header { 
         background-color: #002e62; 
         height: 70px; 
         max-width: 1170px;
        margin: 0 auto;
        padding: 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        }

.header a img { border:none; }
.main { 
    background:url(images/weirton-bg.jpg) no-repeat;
     height:550px; 
      background-size: cover;
    }
.main .login { 
    display: flex;
    justify-content: center;
    align-items: center;
    height: 500px;
 }

 .main .login form{
    background: #fff;
    padding: 30px;
    border: 2px solid #ccc;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 350px;
 }

.main .username { 
    padding:8px;
     width:100%;
      /* margin-bottom:20px;  */
      color:#666;
      border: 1px solid #ccc;
      border-radius: 4px;
}
.main .password { 
    padding:8px; 
    width:100%;
     /* margin-bottom:50px;  */
     color:#666;
     border: 1px solid #ccc;
     border-radius: 4px;
     margin: 13px 0 20px;
}
input {
        font-size: 15px;
        font-weight: 500;
}
input.submit{
    font-size: 15px;
    font-weight: bold;
    padding: 8px 15px;
    background: #002e62;
    color: #fff;
    border: 1px solid #002e62;
    border-radius: 5px;
    transition: all .5s ease-in-out;
    cursor: pointer;
}
input.submit:hover, input.submit:focus{
    background: #fff;
    color: #002e62;
}

/* .header a {
    width: 30%;
} */

.header p {
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    float: right;
    font-size: 17px;
    font-style: italic;
    line-height: 20px;
    width: 70%;
}
p.contact {
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    text-shadow: 0px -1px 1px #424a55;
    color: #fff;
}
p.contact a {
        color:#fff;
        text-decoration:none;
        transition: all .5s ease-in-out;
}
p.contact a:hover {
    text-decoration: underline;
}
.ft-links{
    max-width: 1170px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}
.glb-btn{
    font: bold 15px/15px Times New Roman, Georgia, Times, Palatino, serif;
    padding: 10px 15px;
    background: #fff;
    color: #002e62;
    border: 1px solid #fff;
    border-radius: 5px;
    transition: all .5s ease-in-out;
    cursor: pointer;
    text-decoration: none;
}
.glb-btn:hover, .glb-btn:focus{
    background: transparent;
    color: #fff;
}




@media only screen and (min-width: 900px)and (max-width:1024px){
 input[type="submit"], input { -webkit-appearance: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border:none }
 input[type="submit"]{ background:#fff; padding:2px 10px; border:none; margin-top:25px;}
 .main .password{ margin-bottom: 15px;}
 .main .username {  margin-bottom: 24px;}
 /* p.contact { margin-top: 58px !important;} */
 .ft-links{
    padding: 0 20px;
 }
}


@media only screen and (min-width: 768px)and (max-width:1023px){
.wrapper { max-width:768px;}
.header a img { width:150px; height:auto }
.header p{font-size:14px; line-height:18px; }
/* p.contact { margin: 48px 0 0 410px !important;} */
/* .main .password{ padding:1px; width:70px;  margin-bottom: 3px;}
.main .username{ padding:1px; width:80px;  margin-bottom: 14px;} */

/* .main .login {padding-left: 63px; padding-top: 229px;} */
 input[type="submit"], input { -webkit-appearance: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #002e62; }
 /* input[type="submit"]{ background:#fff; padding:2px 10px; border:none; margin-top:30px;} */
 .ft-links{
    padding: 0 20px;
 } 
 .header p{
    width: 50%;
 }
 .header{
    height: auto;
 }

}

@media only screen and (max-width:767px){
.header p{ width:100%; text-align: center; margin: 20px 0;}
.header a{ display:block}

.header{
    flex-wrap: wrap;
    height: auto;
    justify-content: center;
}

/* .main .login{min-height:210px; width:210px; margin:25px auto; background:url(images/login_bg_01.png) no-repeat; padding:0} */
p.contact{ width:100%; text-align:center; margin:5px 0!important; position:relative;}
p.contact span {color: rgb(160, 170, 180); width:100%; text-align:center; float:left; padding:10px 0; display:block}

/* .main .username { margin: 53px 0 0 24px; width:110px;}
.main .password{ margin: 24px 60px 0 24px;  width:90px;}
.main .submit{ margin: 42px 0 0 24px;} */

 input[type="submit"], input { -webkit-appearance: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:none }
 /* input[type="submit"]{ background:#fff; padding:2px 10px; border:none} */
 .main .login form{
    margin: 0 10px;
 }
 .main .login{
    height: 400px;
 }
 .main{
    height: 450px;
 }
 .ft-links{
    flex-wrap: wrap;
 }


}