/* Erich's Awesome CSS */

@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Arvo');
*{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body{background-color:#fff;background:url('../media/gwa_bglogo.jpg') no-repeat center;background-position:center;background-attachment:fixed;margin-right:0px;margin-left:0px;padding-right:0px;padding-left:0px;height:100%;font-family:'Open Sans',sans-serif;font-size:18px;color:#fff;width:100%;}
.container,.container-fluid{padding-right:0;padding-left:0; max-width:100%; margin:0 auto;}
.clear-fix{float:left;clear:both;}
.main-topbar{position:fixed;top:0px;right:0;z-index:10011;width:100%;height:85px;text-align:right;}
.under-space{margin-top:85px;position:relative;}

<!--.row{margin-left:none!important;margin-right:none!important;}-->

.float-left{float:left!important;}
.float-right{float:right!important;}
.float-none{float:none!important;margin:0 auto}

h1{ font-family:'Open Sans',sans-serif;font-size:54px;}
h2{ font-family:'Open Sans',sans-serif;font-size:42px;line-height:50px;}
h3{ font-family:'Open Sans',sans-serif;font-size:36px;line-height:42px;}
h4{ font-family:'Open Sans',sans-serif;font-size:27px;line-height:36px;}
h5{ font-family:'Open Sans',sans-serif;font-size:21px;line-height:27px;}
h6{ font-family:'Open Sans',sans-serif;font-size:14px;line-height:21px;}

a.blue:link {color:#1e294e!important;text-decoration:none!important;}
a.blue:hover {color:#636363!important;text-decoration:underline!important;}
a.blue:active {color:#1e294e!important;text-decoration:none!important;}
a.blue:visited {color:#1e294e!important;text-decoration:none!important;}

.title1{ font-family: 'Open Sans', serif;font-size:36px;line-height:42px; font-weight:bold;}
.title2{ font-family: 'Open Sans', serif;font-size:27px;line-height:36px; font-weight:bold;}

.text-400{font-weight:400}
.text-600{font-weight:600}
.text-800{font-weight:800}
.text-bold{font-weight:bold}
.text-glow{color:#000;text-shadow: 0px 0px 4px white, 0px 0px 8px white;}

.margin-auto{margin:0 auto;}
.margin-none{margin:0px;margin-left:0px;margin-right:0px;}

.margin-10{margin:10px}
.margin-20{margin:20px}
.margin-30{margin:30px}
.margin-40{margin:40px}
.margin-50{margin:50px}
.margin-100{margin:100px}

.margin-top-10{margin-top:10px}
.margin-top-20{margin-top:20px}
.margin-top-30{margin-top:30px}
.margin-top-40{margin-top:40px}
.margin-top-50{margin-top:50px}

.margin-bottom-10{margin-bottom:10px}
.margin-bottom-20{margin-bottom:20px}
.margin-bottom-30{margin-bottom:30px}
.margin-bottom-40{margin-bottom:40px}
.margin-bottom-50{margin-bottom:50px}

.padding-none{padding:0px;padding-left:0px;padding-right:0px;}

.padding-10{padding:10px}
.padding-20{padding:20px}
.padding-30{padding:30px}
.padding-40{padding:40px}
.padding-50{padding:50px}
.padding-100{padding:100px}

.padding-top-10{padding-top:10px}
.padding-top-20{padding-top:20px}
.padding-top-30{padding-top:30px}
.padding-top-40{padding-top:40px}
.padding-top-50{padding-top:50px}

.padding-bottom-10{padding-bottom:10px}
.padding-bottom-20{padding-bottom:20px}
.padding-bottom-30{padding-bottom:30px}
.padding-bottom-40{padding-bottom:40px}
.padding-bottom-50{padding-bottom:50px}

.gray-text{color:#636363}
.gray2-text{color:#e2e2e2}
.white-text{color:#fff}
.black-text{color:#000}
.blue-text{color:#1e294e}

.gray-bg{background-color:#636363}
.gray2-bg{background-color:#e2e2e2}
.gray3-bg{background-color:#d7d7d7}
.gray4-bg{background-color:#cccccc}
.white-bg{background-color:#fff}
.black-bg{background-color:#000}
.blue-bg{background-color:#1e294e}
.blue2-bg{background-color:#3e539a}
.blue3-bg{background-color:#31427c}

.gray-bg-trans{background-color:rgba(99,99,99,0.7);}
.gray2-bg-trans{background-color:rgba(226,226,226,0.7);}
.white-bg-trans{background-color:rgba(255,255,255,0.7);}
.black-bg-trans{background-color:rgba(0,0,0,0.4);}
.blue-bg-trans{background-color:rgba(30,41,78,0.7);}

.gray-border{border:1px #636363 solid}
.gray2-border{border:1px #e2e2e2 solid}
.white-border{border:1px #fff solid}
.black-border{border:1px #000 solid}
.blue-border{border:1px #1e294e solid}

.display-table{display:table;width:100%;height:auto;}
.display-table-cell{display:table-cell;height:100%;}
.img-fluid{display:inline}
.menu-item{max-width:100%;height:auto;}
.header-emblem{z-index:2001;width:150px; height:auto; float:left;position: absolute;left:20px;top:-50px;}
.footer-emblem{width:100px;height:auto;}
.section-button{border-radius:35px; border:3px solid #fff;}
.masthead-trans{background-color:rgba(255,255,255,0.0);height:700px;text-align:center;float:none;}
.masthead-2-trans{background-color:rgba(255,255,255,0.0);height:700px;text-align:center;float:none;}
.masthead{background: url('../media/gwa_masthead.jpg') no-repeat center;background-position:top;height:900px;text-align:center;float:none;}
.masthead-2{background: url('../media/gwa_masthead_2.jpg') no-repeat center;background-position:top;height:900px;text-align:center;float:none;}
.inside-masthead{color:#fff;width:70%;padding:20px;position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;bottom:100px;text-align:center;float:none;}
.mobile-social{width:80px;height:auto;}
.header-bg{background-color: rgba(255,255,255,1.0);}
.visible-mobile{display:none!important;}
.gwa-map{width:100%;height:700px;}
.margin-about{margin-left:30px;margin-right:30px;width:100%;}
#bio-toggle-2{display:none;}
#bio-toggle-4{display:none;}
.bio-div-side-1{ padding-right:15px;}
.bio-div-side-2{ padding-left:15px;}
.sta-video{width:768px;height:460px;}

<!-- POPUP BIOGRAPHIES -->
.popup-relative{position:relative;}
#pic1.popup-overlay, #pic2.popup-overlay{cursor: pointer;visibility: hidden;position:absolute;z-index:10000;background:rgba(255,255,255,0.0);border:none;width:90%;height:70%;left:5%;top:7%;}
#pic1.popup-overlay.popup-active, #pic2.popup-overlay.popup-active{visibility: visible;text-align: center;}
#pic1.popup-content, #pic2.popup-content{opacity:1.0;}
#pic1.popup-content.popup-active, #pic2.popup-content.popup-active{opacity:0.0;}
.popup-bio{display:inline-block;vertical-align:middle;border-radius:0px;margin:.20rem;font-size:1rem;color:#fff;background:rgba(30,41,78,0.9);border:1px solid #fff;}
.popup-bio:hover{}
.popup-biotext{width:75%;float:left;padding:20px;}
.popup-pic-div{width:25%;cursor:pointer;padding:20px;float:left;}
.popup-pic{border-radius:50%;}

<!-- NAVIGATION -->

.btn {
    display: inline-block;
    font-weight: 600;
    color: #1e294e;
    text-align: center;
    vertical-align: middle;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 15px 40px;
    font-size: 18px;
    line-height: 1.5;
    border-radius:25px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-light {color:#1e294e;background-color:#fff;border:2px solid #fff;}
.btn-light:hover {color:#fff;background-color:rgba(255,255,255,0.0);border:2px solid #fff;}

.btn-dark {color:#fff;background-color:#1e294e;border:2px solid #1e294e;}
.btn-dark:hover {color:#1e294e;background-color:rgba(255,255,255,0.0);border:2px solid #1e294e;}

.navbar-toggler{ border:1px solid #1e294e; background-color:#fff; padding:5px; margin:10px; margin-right:10px; float:right;}
.navbar-toggler .icon-bar+.icon-bar {
    margin-top: 4px;
}
.navbar-toggler .icon-bar {
    display: block;
    width: 15px;
    height: 1px;
    border-radius: 1px;
		background-color: #1e294e;
}
.navbar-brand {
    display: inline;
	clear:both;
    float: none;
    height: auto;
    padding: 0px 0px;
}
#myNavbar{padding:5px;width:100%;height:auto;text-align:right;background-color:none;}

ul.navbar-nav{float:right!important; font-weight:600!important;}
ul.navbar-nav li.nav-item a.nav-link{color:#1e294e!important;text-decoration:none!important;border:0 solid #1e294e!important;border-radius:0!important;background-color:#none!important;}
ul.navbar-nav li.nav-item{color:#ffffff!important;text-align:center!important;margin:5px!important;padding:5px!important;text-align:center!important;}
ul.navbar-nav li.nav-item a.nav-link:hover{color:#000!important;text-decoration:none!important;border:0 solid #1e294e!important; border-bottom:2px solid #1e294e!important; background-color:none!important;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.navbar-nav .nav-link{padding-right:15px!important;padding-left:15px!important;}
.nav-link{display:inline!important;}

<!-- FORM -->
label{font-size:24px; font-weight:400;}
input.input-field{height:60px;border:1px solid #636363;border-radius:8px;}
.form-group{width:100%;float:left!important;height:80px;}
.label-form{width:30%;float:left;padding-top:25px;padding-bottom:10px;}
.input-form{width:70%;padding-left:10px;float:left;padding-top:10px;padding-bottom:10px;text-align:right;}
.submit-form{width:100%;float:left;padding-top:10px;padding-bottom:10px;}

@media(max-width:1370px){
.masthead{background: url('../media/gwa_masthead.jpg') no-repeat center;background-size:contain;background-position:top;background-size:contain;height:620px;}
.masthead-2{background: url('../media/gwa_masthead_2.jpg') no-repeat center;background-size:contain;background-position:top;background-size:contain;height:620px;}
}

@media(max-width:1024px){
.masthead{background: url('../media/gwa_masthead.jpg') no-repeat center;background-size:contain;background-position:top;background-size:contain;height:400px;}
.masthead-2{background: url('../media/gwa_masthead_2.jpg') no-repeat center;background-size:contain;background-position:top;background-size:contain;height:400px;}

h1{ font-size:36px;}
h2{ font-size:27px;line-height:36px;}
h3{ font-size:21px;line-height:27px;}
h4{ font-size:16px;line-height:24px;}
h5{ font-size:14px;line-height:21px;}
h6{ font-size:14px;line-height:21px;}
body{font-size:14px;line-height:21px;}
.bio-div-mobile{padding:20px!important;clear:both;}
.bio-div-side-1{ padding-right:0px;}
.bio-div-side-2{ padding-left:0px;}
.sta-video{width:540px;height:315px;}
}

@media(max-width:540px){
.header-emblem{width:100px; height:auto; float:left;position: absolute;left:5px;top:-30px;}
.footer-emblem{width:80px; height:auto;}
.masthead{background: url('../media/gwa_masthead_mobile.jpg') no-repeat center;background-size:contain;background-position:top;height:480px;}
.masthead-2{background: url('../media/gwa_masthead_2_mobile.jpg') no-repeat center;background-size:contain;background-position:top;height:480px;}
.inside-masthead{color:#fff;width:90%;padding:20px;position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;bottom:30px;text-align:center;float:none;}
.visible-mobile {display:inline!important;}
.hidden-mobile{display:none!important;}
.mobile-center{text-align:center!important;}
a.mobile-shrink{font-size:12px!important;}
.mobile-social{width:40px!important;height:auto!important;}
.mobile-padding-20{padding:10px!important;}
.menu-item{max-width:50%;height:auto;}
.sta-video{width:360px;height:240px;}


<!-- NAVIGATION -->

.ul.navbar-nav{float:right!important;}
.ul.navbar-nav li.nav-item a.nav-link{color:#ffffff!important;text-decoration:none!important;border:none!important;border-radius:none!important;background-color:none!important;}
.ul.navbar-nav li.nav-item{color:#ffffff!important;text-align:right;margin:5px!important;}
.ul.navbar-nav li.nav-item a.nav-link:hover{color:#ffffff!important;text-decoration:underline!important;}
ul.navbar-nav li.nav-item{margin-top:10px!important;margin-bottom:10px!important;}
#myNavbar{background-color: rgba(255,255,255,1.0);}

<!-- FORM -->



}