@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, p, span, div {padding:0; margin:0; line-height:normal;}
body {width:100%; margin:0 !important; overflow:hidden;}
h1, h2, h3, h4, h5, h6 {font-family:museo-300;}

/* Header Styling */
.header_wrapper {width:inherit; height:50px; position:absolute; top:0px; display:block; padding:20px; box-sizing:border-box;}
.header_container {width:inherit; height:inherit; display:block;}
.header_container img {height:48px;}

/* Hero Image Styling */
.hero_image_wrapper {display: block; position: absolute; z-index: -99; height: 100%; width: inherit;}
.hero_image_container {height: inherit;}
.hero_image_container img {bottom: 0px; position: absolute; width: 1400px; left: -100px;}

/* Main Wrapper */
.main_wrapper {width: 600px; display: block; float: right; height: 100%; overflow: hidden; margin-top: 15vh;}
.main_container img.siab_logo_desktop  {height: 48px; margin: 0 auto; display: block;}
.main_container img.main_container_text {margin: 80px auto 0 auto; display: block;}
.main_container p {font-family: museo-300; font-weight: 500; font-size: 18px; text-align: center; width: 80%; color: #BBB; margin: 0 auto;}

/* Footer Styling */
.footer_wrapper {position:absolute; bottom:0px; height:90px; width:inherit;}
.footer_top {width:100%; margin:0 auto; margin-left:calc(50% - 1500px);}
.footer_container {height: 40px; background: #5E4E8F; padding: 0 500px; margin: -4px auto 0 auto; display: block; width: 1160px; margin-left: calc(50% - 1080px);}
.footer_left {height:inherit; float:left; width:60%;}
.footer_copyright {display: inline-block; width:50%;}
.footer_copyright h6 {font-size:14px; font-weight:300; margin:0; line-height:40px; color:#FFF; font-family:museo-100;}
.footer_launch {display: inline-block; width:49%;}
.footer_launch h5 {text-transform:uppercase; font-size:14px; text-align:right; color:#FFF; font-weight:500;}
.footer_right {height:inherit; float:right; width:90px; line-height:40px;}
.social_facebook, .social_twitter, .social_instagram {display:inline-block; padding:0 5px;}
.social_facebook a, .social_twitter a, .social_instagram a {opacity:0.5; -webkit-transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; -ms-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in;}
.social_facebook a:hover, .social_twitter a:hover, .social_instagram a:hover {opacity:1; -webkit-transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; -ms-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in;}
.social_facebook img, .social_twitter img, .social_instagram img {height:17px; width:17px;}



/***** Media Queries *****/

/* Desktop Large */
@media screen and (min-width:1260px) {
	.wrapper {width:1200px; display:block; margin:0 auto;}
	
}

/* Desktop */
@media screen and (max-width:1260px) {
	.wrapper {width:940px; display:block; margin:0 auto;}
	.footer_container {width: 940px; margin-left: calc(50% - 970px);}
	.main_wrapper {width:530px;}
	
}

@media screen and (min-width:980px) {
	.siab_logo_mobile, .main_container_text_mobile, .main_container_sub_text_mobile, .top-guide, .bottom-guide {display:none !important;}
	
}

/* Tablet */
@media screen and (max-width:980px) {
	body {overflow-y: auto; overflow-x:hidden !important; width:100%;}
	.wrapper {width: 100%; display: block; margin:0 auto; overflow:hidden;}
	.header_wrapper {text-align: center;}
	.hero_image_wrapper {position: inherit;}
	.hero_image_container {width: 100%; display: block;}
	.hero_image_container img {position: inherit; margin: -20px 0 0 80px; width: 150%; display: block;}
	.main_wrapper {float: none; width: 100%; height: 50%; margin: -180px 0 30px 0; display: inline-block; overflow: hidden; z-index: 50;}
	.main_container {background: #CC2B88; margin:-25px 0;}
	.siab_logo_desktop {display:none !important;}
	.siab_logo_mobile {height:48px; margin:0 auto; display:block; padding-top: 40px; margin-top: 20px;}
	.main_container img.main_container_text_mobile {margin: 50px auto 25px auto; display: block;}
	.main_container_text, .main_container_sub_text {display:none !important;}
	.top-guide, .bottom-guide {width: 980px; display: block; margin-left: calc(50% - 500px);}
	.main_container_sub_text_mobile_p {font-family: museo-300; font-weight: 500; font-size: 18px; text-align: center; width: 80%; color: #BBB; margin: 20px auto;}
	
	/* Footer Styling */
	.footer_wrapper {position: static;}
	.footer_container {height: auto; margin: -5px 0 0 0; width: 100%; padding: 5px 0 10px 0;}
	.footer_left {float: none; width: 100%; margin: 0 auto; display: block;}
	.footer_copyright {display: block; width: 100%;}
	.footer_copyright h6 {text-align: center;}
	.footer_launch {width: 100%; display: block;}
	.footer_launch h5 {text-align: center; padding: 15px 0;}
	.footer_right {float:none; margin:0 auto;}
	.main_container_sub_text_mobile_p {font-size:1.3em;}
	
}

/* Mobile */
@media screen and (max-width:680px) {
	.hero_image_container img {position: inherit; margin: -5% 0 0 0; width: 200%; display: block; z-index: -10;}
	.main_wrapper {margin:-200px 0 30px 0;}
	.siab_logo_mobile {padding-top:10px;}
	.main_container_text_mobile {width: 100%; max-width: 564px; padding-bottom: 20px;}
	.social_facebook, .social_twitter, .social_instagram {padding:0 10px;}
	.footer_right {width:100%; text-align:center;}
	.footer_launch h5 {font-size: 1.2em; padding: 15px 0 20px 0;}
	.footer_copyright h6 {font-size: 1.1em;}
	.footer_top {width:auto; overflow:hidden;}
	.social_facebook img, .social_twitter img, .social_instagram img {height:22px; width:22px;}
}

	
/* Mobile Small */
@media screen and (max-width:480px) {
	.hero_image_container img {margin:0;}
	.main_wrapper {margin-top:-180px;}
}