@charset "UTF-8";
@import url(fonts.css);

body {
    font-family: "MuseoSans", Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 21px;
}

.header {
    min-height: 98px;
    background: white;
}

.header img { 
    margin-left: 41px;
    margin-top: 12px;
    vertical-align: top;
}
.header h1 {
    font-family: "MuseoSans", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 30px;
    color: #00aa50;
    display: inline-block;
    margin-left: 50px;
    /*margin-top: 35px;*/
}

.color-banner {
    background: #00aa50;
    color: white;
    min-height: 306px;
}

.content h3 {
    font-family: "MuseoSans", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 48px;
}

.product-img {
    margin-top: 14px;
    margin-left: 175px;
}

.content-right {
    margin-left: 15px;
    width: 450px;
}

.sign-in-btn {
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    border-radius: 20px !important;
    height: 40px;
    font-family: "MuseoSans", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    padding: 0;
    height: 40px;
    width: 238px;
    margin-top:10px;
}

.login-page #loginForm {
    max-width: 390px;
    margin-bottom: 24px;
}

.login-page #loginForm input {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    margin-bottom: 8px;
    height: 50px;
}

.sign-in-btn {
    color: #25408F;
    background: white;
}

.sign-in-btn:hover {
    background: #cccccc;
}



/* smaller phones */
@media (max-width: 375px) {
  
} 

/* smaller than sm tablet */
@media (max-width: 767px) { 
    .header {text-align:center;}
    .header img { margin-left:0; }
    .header h1 {margin-top:20px; margin-left:0; display:block;}
    .color-banner {min-height: 498px; }
    .product-img  { margin: 20px auto 0 auto; width: 100%; }
    .product-img img { margin: 0 auto; display:block; }
    .content-right { margin: 0 auto; text-align: center; width: 100%; }
    .login-page #loginForm { margin: 0 auto; }

}
/* between sm tablet and md desktop */
@media (min-width: 768px) and (max-width: 991px) { 
    .color-banner { min-height: 338px; }  
    .product-img  { margin: 20px auto; width: 244px; }
    .product-img img { width: 100%; }
  
}
/* between md and lg desktop */
@media (min-width: 992px) and (max-width: 1199px) { 
}
/* above lg desktop */
@media (min-width: 1200px) { 
}