@charset "utf-8";

body { font-family: 'Lato', sans-serif; font-size:16px;}
h1, h2, h3, h4 {font-family: 'Fjalla One', sans-serif;}

.top_bar {background:#1d274fe6; padding:15px;}
.top_bar p {font-family: 'Fjalla One', sans-serif; font-size:16px; color:#fff; margin:0;}

.hero_section {min-height:582px; background:#e1e2e4 url('../images/hero-img.jpg') no-repeat center right; }
header {padding:40px 0;}
.hero_subline {font-size:16px;}
.hero_alert {font-weight: 700; font-size:18px;}
h1 {font-size:32px; color:#1d274fe6; text-shadow:1px 1px #1d274fe6;}

.where_box {background:#ab1a1f; padding:15px; text-align: center;}
.where_box p {font-family: 'Fjalla One', sans-serif; font-size:16px; color:#fff; margin:0;}
.where_box span img {width:52px;}

.cite_small {padding-bottom:80px;}
.cite_small p {font-size:36px; font-family: 'Fjalla One', sans-serif; margin-bottom:0;}
.cite_small p.cite_author {font-family: 'Lato', sans-serif; font-size:16px; font-style: italic;}

.cite_big p {font-size:56px; font-family: 'Fjalla One', sans-serif; margin-bottom:0; line-height:60px;}
.cite_big p.cite_author {font-family: 'Lato', sans-serif; font-size:20px; font-style: italic;}

.white_section {padding:60px 0;}
h2 {font-size:34px; padding-bottom:30px;}

.blu_section {background:#1d274fe6; padding:60px 0;}
.blu_section h3 {color:#fff; padding-bottom:30px}
.blu_section h4 {color:#fff; font-size:34px;}
.blu_section .subline {color:#fff; font-size:20px;}
.blu_section .card {padding:30px;}
.blu_section .card img {padding-bottom:20px;}

.mission_section {background:url('../images/bg-mission.jpg') no-repeat; background-size:cover; padding:60px 0;}
.mission_section h3 {padding-bottom:30px; font-size:34px;}
.mission_section p {font-size:18px; line-height:30px;}

.credits_bar {background:#000; padding:15px;}
.credits_bar p {font-size:12px; color:#dedede; margin:0;}

.bt_red {background:#ab1a1f; padding:10px 20px; color:#fff; font-size:14px; font-weight: 700;}
.bt_red.border-white {border:2px solid #fff;}
.bt_red:hover {background:#1d274fe6; color:#fff;}

.form-control {height:auto; margin:8px 0; border:none; padding:12px 20px;}
.privacy_txt {color:#fff; font-size:14px;}
.bt_red_form {background:#ab1a1f; padding:20px; color:#fff; font-size:16px; font-weight: 700; display:block; width:100%; border:none; text-transform: uppercase; margin:10px 0;}
.flag {text-align:right;}

@media  screen and (max-width: 1440px) {
    /* insert styles here */
    .hero_section {background-size:contain;}
}

@media screen and (max-width: 768px) {
 .top_bar p {font-size:12px;}
 .hero_section {min-height:auto; background:#e1e2e4 url('../images/hero-mobile-bg.jpg') no-repeat top center; background-size:contain;}
 .bt_red.border-white {display:none;}
 header {padding:20px 0 82px 0;}
 h1 {font-size:28px;}
 .hero_subline {font-size:16px;}
 .hero_alert {font-weight: 700; font-size:16px;}
 .bt_red {display: block; margin:10px 0; width:100%;}
 .badge {display: block;}
 .badge img {max-height:30px;}
 .where_box {background:#1d274fe6;}
 .where_box p {font-size:12px;}
 .white_section {padding:30px 0;}
 .cite_small {padding-bottom:40px;}
 .cite_small p {font-size:30px; line-height:30px;}
 .cite_big p {font-size:40px; line-height:50px;}
 .cite_big p.cite_author {padding-bottom:40px;}

}

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 1) {
    .hero_section {min-height:auto;background:#e1e2e4 url('../images/hero-tablet-bg.jpg') no-repeat top right; background-size:contain; padding:20px 0;}
    header {padding:0 0 82px 0;}
    .white_section img {padding-top:50px;}
    .cite_big {padding-bottom:60px;}
    .bt_red.border-white {display:none;}
}