@mixin for-phone-only {
  @media (max-width: 599px) { @content; }
}
@mixin for-tablet-portrait-up {
  @media (min-width: 600px) { @content; }
}
@mixin for-tablet-landscape-up {
  @media (min-width: 900px) { @content; }
}
@mixin for-desktop-up {
  @media (min-width: 1200px) { @content; }
}
@mixin for-big-desktop-up {
  @media (min-width: 1800px) { @content; }
}


/************************************************/

/*/////////////////////////////////
			GLOBAL
//////////////////////////////////*/

/************************************************/
.for-900-up {
	display:none;
}
.for-900-down {
	display:block;
}
	@media (min-width: 900px) {
		.for-900-up {
			display:block;
		}
		.for-900-down {
			display:none;
		}
	}
/************************************************/


html {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 20px;
    font-weight: 400;
    color: #fff;
	font-size:1rem;
	position: relative;
	margin: 0;
    width: 100%;
    height: 100%;
	font-family: 'Roboto', sans-serif;
	background-color: #fff;
	color:#2b2b32;
	overflow-x:hidden;
}

.wrapper {
	overflow-x:hidden;
}

.flush {
	padding-left:0;
	padding-right:0;
	margin-left:0;
	margin-right:0;
}


/*/////////////////////////////////
			FONTS
//////////////////////////////////*/


p {
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	line-height: 1.3rem;
}

p.lead {
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	line-height: 1.5rem;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding: 1.5rem 0;
}

h1 {
	font-family: 'oswald', sans-serif;
	font-weight:700;
    text-shadow: 0 0 10px #7e8a9a;
    font-size:2.7rem;
}

p.disclaimer {
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	text-shadow: none;
	font-size:.7rem;
	border:1px solid #ccc;
	width:350px;
	margin:1rem auto;
	padding:.5rem 1rem;
}


/*/////////////////////////////////
			LINKS
//////////////////////////////////*/







/*/////////////////////////////////
			BUTTONS
//////////////////////////////////*/



.btn {
	border-radius:50px;
	font-family: oswald!important;
	font-weight:700!important;
	text-transform: uppercase;
	letter-spacing: 1px;

}

.btn-primary { /*dark gold*/
	font-family: oswald!important;
	font-weight:700!important;
	font-size: .9rem;
    padding: 0.7rem 1.4rem;
	background-color: #faad06;
    border: 1px solid transparent;
}

.btn-secondary {   /*white outline*/
	font-family: oswald!important;
	font-weight:700!important;
    background-color: #031943;
    border: 1px solid white;
	font-size: .9rem;
    padding: 0.7rem 1.4rem;
}



.submit.btn {
    margin-top: 1.2rem;
}

.position-sticky {
	position: sticky;
	top:0;
}

.mobile-button {
	width:10rem;
	margin:0 auto;
		font-family: oswald;
	font-weight:700;
}
		@media (min-width: 900px) {

		}

/************************************************/
/*https://bootsnipp.com/snippets/3kQrB*/

a.btn-social,
.btn-social
{
    border-radius: 50%;
    color: #ffffff !important;
    display: inline-block;
    height: 54px;
    line-height: 54px;
    margin: 8px 4px;
    text-align: center;
    text-decoration: none;
    width: 54px;
}

.btn-social:hover,.btn-social:focus
{
    color: #fff;
    outline: none;
    text-decoration: none;
}

.btn-facebook
{
    background-color: #3b5998;
}

.btn-facebook:hover
	{
	    background-color: #4c70ba;
	}

.btn-instagram
{
    background-color: #3f729b;
}
.btn-instagram:hover
{
    background-color: #548cb9;
}

.btn-twitter
{
    background-color: #55acee;
}
.btn-twitter:hover
{
    background-color: #83c3f3;
}

/************************************************/
.btn-primary.focus, .btn-primary:focus, .btn-secondary.focus, .btn-secondary:focus {
    box-shadow: none!important;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    color: #fff;
    background-color:#fcd040;
    border-color:transparent!important;
}


.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
	color: #fff;
    background-color:#fcd040;
    border-color:transparent!important;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
	color: #fff;
    background-color:#fcd040;
    border-color:transparent!important;
}

.hvr-grow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}
	.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	a.btn.hvr-grow:hover, a.btn.hvr-grow:focus, a.btn.hvr-grow:active {
		background-color:#ffaf00!important;
		border:1px solid transparent;
	}



/*/////////////////////////////////
			IMAGES / LOGOS
//////////////////////////////////*/

.logo-sm {
	width:250px;
}

.logo-md {
	width:350px;
	margin:0 auto;
}

.bkg-wt {
    color: #cccad0;
	background-color: #fff;
}

.bkg-dk {
    color: #fff;
	background-color: #031943;
}

.bkg-tex {
	color: #fff;
	padding: 1rem;
	background-color: #031943;
	text-align: center;
	background-image: url(../mirrored-squares.png);
}

img.img-sm {
	width:450px!important;
}

.float-left {
	float:left;
	padding-right:15px;
}

.float-right {
	float:right;
	padding-left:15px;
}

/************************************************/


/*/////////////////////////////////
			HOMEPAGE CONTENT
//////////////////////////////////*/

.row.pop {
    margin: auto;
  background: linear-gradient(to right, #91c73f 50%, #015942 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .8s ease-in;
}

	.row.pop:hover {
		background-position: left bottom;
	}

.iframe-container{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
}

.iframe-container iframe{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

.hero-image {
	overflow:visible;
	z-index:-1;
	width:100%;
}

p.tagline {
	color: #facf3f;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 5vw;
    line-height: 6vw;
    margin-top:1rem;
    font-family: 'Oswald',sans-serif;
    letter-spacing: 1px;
}

#hero {
	z-index:-1;
}

/*BSD*/
form input#email, form input#zip.text {
    padding: .4rem;
    border: 0;
	margin-bottom:.5rem;
}

form input#email {
	width:85%;
}

label.field {
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    font-size: 0.6rem;
}

/* edits for mobile vs desktop specific to this section */
/************************************************/




	@media (min-width: 900px) {
		#hero {
			width:120vw;
			/*position:relative;*/
			background-color: #031943;
		}
		.hero-overlay {
			position:absolute;
			transform: translateX(45vw);
		}
		.hero-content-block {
			width:50vw;
			padding-top: 0vw;
		}
		h1 {
			font-size:3.5vw;
		}
		.iframe-container{
			border: 4px solid #fcd040;
		}
		p.tagline {
			font-size: 2.3vw;
			line-height:2.8vw;
		}
		div#signup-bar {
		    padding: 2rem 0 3rem;
		}
		label.field {
			padding-bottom: 0.3rem;
		}
		form input#email, form input#zip.text {
			margin-bottom:0;
		}
		form input#email {
			width:100%;
		}
		div#bsd-field-email, div#bsd-field-zip {
		    margin-right: .5rem;
		}

	}

/************************************************/


/*/////////////////////////////////
			FOOTER
//////////////////////////////////*/

footer {
	color: #767676;
	padding: 1rem;
	background-color: #fff;
	text-align: center;
}

	@media (min-width: 900px) {
		footer {

		}
	}


/************************************************/

/*/////////////////////////////////
			HELPER CLASSES
//////////////////////////////////*/


.border-10 {
	border:10px solid;
}

.border-wt {

}



/************************************************/