@charset "UTF-8";


@media screen and (min-width: 0px)
{
	body {font-size:100%;}
	h1 {width:100%; margin:0 auto; padding:1vh 2vw; top:70px; bottom:auto; right:0px}
	.paralax-img1 {background:none;}
	.paralax-img2 {background:none;}
	.navbar-logo, .navbar-logo-static {left:-9999px;}
	.navbar-icon, .navbar-icon-static {left:5px;}
	.row-container {padding:40px 4%;}
	.full, .large, .medium, .medium-two-thirds, .extra, .small {width:100%;}
	.no-phone {display:none;}
	.phone-up {top:-9999px;}
	.social-media, .latest-promo {width:35px; position:absolute; top:250px; right:20px; background-color:rgba(0,0,0,0.75); border-radius:6px;}
	.latest-promo {position:fixed; width:calc(100% - 20px); left:10px; right:auto; bottom:90px; padding:3px;-webkit-transition:bottom 0.3s; transition:bottom 0.3s;}
	.latest-promo img {display:none; position:absolute; width:200px; top:-200px; border-radius:6px; box-shadow:0 0 10px #333;}
	.latest-promo.move {bottom:20px;}
	.latest-promo>span {display:block; margin-bottom:5px;}
	.social-media a img {width:35px; margin:0;}
	.heading-large {font-size:190%;}
	.heading-medium {font-size:160%;}
	.heading-small {font-size:130%;}
	.heading-micro {font-size:110%;}
	.mobile-align-center {text-align:center; padding:0 20px;}
	
	#PHOTO_NAV button {height:60px;}
}

@media screen and (min-width: 700px)
{
	body {font-size:100%;}
	.paralax-img1 {background:url(../images/Emmett_Bower_Band_flood2.jpg) 50% 0px no-repeat; background-size:cover; background-attachment:fixed; position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:-2;}
	.paralax-img2 {background:url(../images/Emmett_Bower_Band_flood3.jpg) 50% 0px no-repeat; background-size:cover; background-attachment:fixed; position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:-2;}
	.navbar-logo, .navbar-logo-static {left:5px;}
	.navbar-icon, .navbar-icon-static {left:-9999px;}
	.row-container {padding:50px 7%;}
	.large, .medium, .small {width:50%;}
	.extra {display:block; margin:0 auto; clear:both; float:none;}
	.no-phone {display:inline-block;}
	.phone-up {top:auto;}
	
	.heading-large {font-size:280%;}
	.heading-medium {font-size:210%;}
	.heading-small {font-size:160%;}
	.heading-micro {font-size:120%;}
	.mobile-align-center {text-align:left;}
	
	#PHOTO_NAV button {height:120px;}
}

@media screen and (min-width: 900px)
{
	h1 {width:100%; margin:0 auto; padding:1vh 2vw; bottom:0px; top:auto;}
	main {width:100%;}
	.row-container {padding:80px 15%;}
	.small {width:50%;}
	.medium {width:33%;}
	.medium-two-thirds {width:66.6%;}
	.extra {float:left; display:inline; clear:none;}
	.social-media, .latest-promo {width:auto; top:auto; bottom:calc(20vw + 50px); padding:5px; border-radius:12px;}
	.latest-promo img {display:block;}
	.latest-promo {left:20px; right:auto;}
	.latest-promo.move {bottom:auto;}
	.social-media a img {width:50px; margin:0 10px;}
}

@media screen and (min-width: 1450px)
{
	.small {width:25%;}
  .social-media, .latest-promo {bottom:380px;}
}

/* Action Classes */
.one-opacity {opacity:1.0;}
.spin-360 {transform:rotateX(360deg);}
.spin-720 {transform:rotateX(720deg);}
/*.off-left {left:-10%; position:relative; -webkit-transition:left 0.2s ease-out, opacity 0.2s; transition:left 0.2s ease-out, opacity 0.2s; opacity:0;}
.on-left {left:0px; opacity:1;}
.off-center {bottom:-10%; position:relative; -webkit-transition:bottom 0.2s ease-out, opacity 0.2s; transition:bottom 0.2s ease-out, opacity 0.2s; opacity:0;}
.on-center {bottom:0px; opacity:1;}
.off-right {right:-10%; position:relative; -webkit-transition:right 0.2s ease-out, opacity 0.2s; transition:right 0.2s ease-out, opacity 0.2s; opacity:0;}
.on-right {right:0px; opacity:1;}*/

/* Formatting Classes */
.align-center {text-align:center;}
.right {text-align:right;}
.bottom {bottom:0px;}
.light-background {background-color:#ececec;}
.dark-background {background-color:#000;}
.dark-text {color:#333333;}
.highlight-text, strong {color:#FAA700;}
.flood-img1 {background:url(../images/be_groundbreaking_flood1.jpg) 50% 50% no-repeat; background-size:cover; position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:-2;}
.flood-logo1 {background:url(../images/be_groundbreaking_logo_white5.png) 50% 60% no-repeat; background-size:cover; position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:-2;}
.italic {font-style:italic;}
.highlight-border {border-bottom:1px #FAA700 solid;}
.highlight-border-full {border:1px #FAA700 solid;}
.no-border {border:none;}
.top-margin-add {margin-top:50px;}
.small-top-margin-add {margin-top:30px;}
.bottom-margin-add {margin-bottom:50px;}
.small-bottom-margin-add {margin-bottom:30px;}
.noBottom {margin-bottom:0;}
.LR-padding-add {padding:0 50px;}
.opacity-20 {opacity:0.2;}
.opacity-30 {opacity:0.3;}
.opacity-40 {opacity:0.4;}
.opacity-50 {opacity:0.5;}
.opacity-60 {opacity:0.6;}
.opacity-70 {opacity:0.7;}
em {font-style:italic;}
b {font-weight:bold;}
.hidden {display:none;}
.fixed {position:fixed;}
.no-rl-padding {padding-left:0; padding-right:0;}
.expanded {position:fixed; top:-9999px;}