/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

/* 
-------------------------------- GENERAL BANNER CLASSES ------------------------------------
--------------------------------------------------------------------------------------------
*/


/*@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=fa11566f-5773-4e2c-8df7-d1be68bb90d3");*/

/* @font-face {
      font-family: 'MetaWeb W03 Normal';
      src: url('//streetsmarts.initiatives.qld.gov.au/fonts/webfont/bf43edcd-8a86-4b4e-9e01-a678d1e1fd71.eot?#iefix');
      src: url('//streetsmarts.initiatives.qld.gov.au/fonts/webfont/bf43edcd-8a86-4b4e-9e01-a678d1e1fd71.eot?#iefix') format('eot'),
      url('//streetsmarts.initiatives.qld.gov.au/fonts/webfont/d7094d22-fbb3-45d1-844d-bdaf8dba6950.woff2') format('woff2'),
      url('//streetsmarts.initiatives.qld.gov.au/fonts/webfont/a84f9414-0a63-43c3-af4e-b539379a7663.woff') format('woff'),
      url('//streetsmarts.initiatives.qld.gov.au/fonts/webfont/8347360b-ca68-493b-8aaa-a786cacc8be0.ttf') format('truetype'),
      url('//streetsmarts.initiatives.qld.gov.au/fonts/webfont/3eb3658d-1baa-42fa-94e2-c70e8bcf69ef.svg#3eb3658d-1baa-42fa-94e2-c70e8bcf69ef') format('svg');
 }*/


 .post .post-title {
 	/*font-family: 'MetaWeb W03 Normal', sans-serif;*/
 	  font-family: 'Fira', 'Droid Sans', Arial, sans-serif; 
   	font-weight: 600;
    line-height: 1.5;
 }

 .brand-font{ /* Apply to body in most cases */
  font-family: 'Fira', 'Droid Sans', Arial, sans-serif; 
/*font-family: 'MetaWeb W03 Normal', sans-serif;*/
}

body{
	width: 100%;
	height: 100%;
    min-width: 100%;
    min-height: 100%;
    min-height: 100vh;
}

#close_btn_link{
	z-index: 9999;
	top: 10px;
	right: 10px;
	width: 50px;
	height: 50px;
}

#close_btn_link img{ display: block; max-width: 100%; height: auto;}

#preloader{
 position: absolute;
   top: 50%;
   left: 50%;
   width: 100px;
   height: 100px;
   margin-top: -50px; /* Half the height */
   margin-left: -50px; /* Half the width */
   z-index: 9999;
}

#street_smarts_logo{
	bottom: 30px;
	left: 120px;
	z-index: 100;
	width: 120px;
	height: auto;
}

#ad_id.my-ad{position: relative; z-index: 0; margin: 0 auto; overflow: hidden;}
#ad_id.my-ad.fullpage{
	width: 100%;
	height: 100%;
    min-width: 100%;
    min-height: 100%;
    min-height: 100vh;
}



.invisible{opacity: 0;}

/*. TYPOGRAPHY HELPERS */

.text-align-center{text-align: center;}



.absolute-center{position: absolute;margin: 0 auto;left: 0;right: 0;margin-left: auto;margin-right: auto;}
.center-block-element{margin: 0 auto;}

.display-table{/*Add this to parent vertical center element*/
  display:table;
}

.vertical-center{/*Add this to next child element of the .display-table element*/
  display:table-cell;
  vertical-align:middle;
}

/*. POSITIONING HELPERS */

.pos-a{position: absolute;}
.pos-r{position: relative;}
.top-0{top: 0;}
.right-0{right: 0;}
.bottom-0{bottom: 0;}
.left-0{left: 0;}
.zero-scale{transform: scale(0);}

/*. POSITIONING HELPERS STACKING ORDER */

/*. .z-i-1 = Z Index 1 */

.z-i-1{z-index: 1;}
.z-i-2{z-index: 2;}
.z-i-3{z-index: 3;}
.z-i-4{z-index: 4;}
.z-i-5{z-index: 5;}
.z-i-6{z-index: 6;}
.z-i-7{z-index: 7;}
.z-i-8{z-index: 8;}
.z-i-9{z-index: 9;}
.z-i-10{z-index: 10;}
.z-i-11{z-index: 11;}
.z-i-12{z-index: 12;}

/*. RESPONSIVE HELPERS */

.img-responsive{ display: block; max-width: 100%; height: auto;}

/* 
-------------------------------- SPECIFIC STYLES -----------------------------------------------------
------------------------------------------------------------------------------------------------------
*/

#canv{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
}

#button, #button_two{
	box-sizing: border-box;
	cursor: pointer;
	z-index: 9999;
	border: 2px solid black;
	text-decoration: none;
}

#bow{
	background-image: url(../images/bow.png);
    background-repeat: no-repeat;
    background-position: center;
    left: 170px;
    top: 135px; 
    z-index: 10; width: 790px; height: 648px;
}

#top_stripe{
	background-image: url(../images/top_stripe.png);
    background-repeat: no-repeat;
    background-position: center;
    left: 440px; 
    top: 0px; 
    z-index: 7;
    width: 225px;
    min-height: 100%;
    background-size: cover;
}

#right_belt{
	background-image: url(../images/right_belt.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    right: 0px; 
    top: 320px; 
    z-index: 8; 
    width: 55%;
    height: 287px;
}

#left_belt{
	background-image: url(../images/left_belt.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    left: 0px; 
    top: 320px; 
    z-index: 7;  
    width: 55%; 
    height: 287px;
}

#bg_one{
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-image: url(../images/bg_one_1920x1080.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#bg_two{
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-image: url(../images/bg_two_1920x1080.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#bg_three_top{
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-image: url(../images/bg_three_top_1920x1080.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#bg_three_bottom{
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-image: url(../images/bg_three_bottom_1920x1080.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#website_demo{
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-image: url(../images/web_bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#overlay-color{
	width: 100%; height: 100%; z-index: 6; background-color: #E0E411;
}

#gov_logo{
	right: 80px;
	bottom: 80px; 
	z-index: 10; 
	width: 130px; 
	height: auto;
}

.btn{
	color: white; 
	border-radius: 4px; 
	background: black; 
	z-index: 9999;
}

#button{
	font-size: 30px; 
	padding: 15px 15px 15px 15px; 
}

#button_two{
	padding: 15px 15px 15px 15px; 
	font-size: 30px; 
	top: 6px;
}

#all_they_want{
	background-image: url(../images/all_they_want_for_mobile.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: 370px;
    left: 275px;
    z-index: 8;
    width: 110px;
    height:510px;
}

#for_xmas_is_you{
	background-image: url(../images/christmas_is_you_mobile.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    left: 245px;
    z-index: 8;
    width: 311px;
    height: 135px;
    top: 525px;
}

#bow{
		background-image: url(../images/bow.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		left: 0px; 
		top: 40px; 
		z-index: 10; 
		width: 160px; 
		height: 131px;
	}

	#top_stripe{
		background-image: url(../images/top_stripe_tab_portrait.png);
		background-repeat: no-repeat;
		background-position: center;
		left: 60px; 
		top: 0px; 
		z-index: 7;
		width: 30px;
		min-height: 100%;
		background-size: cover;
	}

	#right_belt{
		background-image: url(../images/right_belt_mobile.png);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    right: 0px; 
	    top: 60px; 
	    z-index: 8; 
	    width: 55%;
	    height: 92px;
	}

	#left_belt{
		background-image: url(../images/left_belt_mobile.png);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    left: 0px; 
	    top: 60px; 
	    z-index: 7;  
	    width: 55%; 
	    height: 92px;
	}

	#gov_logo{
		right:   27px;
		bottom:  27px; 
		z-index: 10; 
		width:   68px; 
		height: auto;
   }

	#button{
		padding: 10px;
		font-size: 15px; 
		top: 550px;
		left: 175px;
	}

	#button_two{
		padding: 10px; 
		font-size: 15px; 
		top: 480px;
		left: 190px;
	}

	#all_they_want{
		background-image: url(../images/all_they_want_for_mobile.svg);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    top: 260px;
	    left: 170px;
	    z-index: 8;
	    width: 151px;
	    height:70px;
	}

	#for_xmas_is_you{
		background-image: url(../images/christmas_is_you_mobile.svg);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    left: 155px;
	    z-index: 8;
	    width: 183px;
	    height: 80px;
	    top: 355px;
	}

		#street_smarts_logo{
		bottom: 30px;
		left: 120px;
		z-index: 100;
		width: 120px;
		height: auto;
    }

    /* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px)
  and (orientation: landscape) {

  	#close_btn_link{
		z-index: 9999;
		top: 10px;
		right: 10px;
		width: 30px;
		height: 30px;
    }

  
  	/*#overlay-color{ background-color: blue;}*/

  	#bow{
		background-image: url(../images/bow.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		left: 0px; 
		top: 15px; 
		z-index: 10; 
		width: 167px; 
		height: 137px;
	}

	#top_stripe{
		background-image: url(../images/top_stripe.png);
		background-repeat: no-repeat;
		background-position: center;
		left: 70px; 
		top: 0px; 
		z-index: 7;
		width: 30px;
		min-height: 100%;
		background-size: cover;
	}

	#right_belt{
		background-image: url(../images/right_belt.png);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    right: 0px; 
	    top: 30px; 
	    z-index: 8; 
	    width: 55%;
	    height: 120px;
	}

	#left_belt{
		background-image: url(../images/left_belt.png);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    left: 0px; 
	    top: 30px; 
	    z-index: 7;  
	    width: 55%; 
	    height: 120px;
	}

	#gov_logo{
		right:   15px;
		bottom:  15px; 
		z-index: 10; 
		width:   55px; 
		height: auto;
   }

	#button{
		padding:5px;
		font-size: 11px; 
		top: 275px;
		left: 230px;

	}

	#button_two{
		padding: 5px; 
		font-size: 11px; 
        top: 275px;
		left: 350px;
	}

	#all_they_want{
		background-image: url(../images/all_they_want.svg);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    top: 175px;
	    left: 220px;
	    z-index: 8;
	    width: 265px;
	    height:34px;
	}

	#for_xmas_is_you{
		background-image: url(../images/christmas_is_you.svg);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    left: 217px;
	    z-index: 8;
	    width: 275px;
	    height: 33px;
	    top: 225px;
	}

	#street_smarts_logo{
		bottom: 30px;
		left: 145px;
		z-index: 100;
		width: 120px;
		height: auto;
    }

  	
}






/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 

@media only screen and (min-width : 320px)  and (orientation: portrait) {

	  /*	#overlay-color{ background-color: blue;}*/

	#bow{
		background-image: url(../images/bow.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		left: 0px; 
		top: 40px; 
		z-index: 10; 
		width: 160px; 
		height: 131px;
	}

	#top_stripe{
		background-image: url(../images/top_stripe_tab_portrait.png);
		background-repeat: no-repeat;
		background-position: center;
		left: 60px; 
		top: 0px; 
		z-index: 7;
		width: 30px;
		min-height: 100%;
		background-size: cover;
	}

	#right_belt{
		background-image: url(../images/right_belt_mobile.png);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    right: 0px; 
	    top: 60px; 
	    z-index: 8; 
	    width: 55%;
	    height: 92px;
	}

	#left_belt{
		background-image: url(../images/left_belt_mobile.png);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    left: 0px; 
	    top: 60px; 
	    z-index: 7;  
	    width: 55%; 
	    height: 92px;
	}

	#gov_logo{
		right:   27px;
		bottom:  27px; 
		z-index: 10; 
		width:   68px; 
		height: auto;
   }

	#button{
		padding: 10px;
		font-size: 15px; 
		top: 550px;
		left: 175px;
	}

	#button_two{
		padding: 10px; 
		font-size: 15px; 
		top: 480px;
		left: 190px;
	}

	#all_they_want{
		background-image: url(../images/all_they_want_for_mobile.svg);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    top: 260px;
	    left: 170px;
	    z-index: 8;
	    width: 151px;
	    height:70px;
	}

	#for_xmas_is_you{
		background-image: url(../images/christmas_is_you_mobile.svg);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    left: 155px;
	    z-index: 8;
	    width: 183px;
	    height: 80px;
	    top: 355px;
	}

		#street_smarts_logo{
		bottom: 30px;
		left: 120px;
		z-index: 100;
		width: 120px;
		height: auto;
    }

}

/* Custom, Iphone 6 height */ 

@media only screen and (min-height: 300px) and (max-height: 500px) and (orientation: portrait) {

	/* #overlay-color{background-color: red;} */

	#button{
		padding: 10px;
		font-size: 15px; 
		top: 170px;
		left: 175px;
	}

	#button_two{
		padding: 10px; 
		font-size: 15px; 
		top: 410px;
		left: 190px;
	}

	#all_they_want{
		background-image: url(../images/all_they_want_for_mobile.svg);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    top: 160px;
	    left: 170px;
	    z-index: 8;
	    width: 130px;
	    height:60px;
	}

	#for_xmas_is_you{
		background-image: url(../images/christmas_is_you_mobile.svg);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    left: 155px;
	    z-index: 8;
	    width: 160px;
	    height: 70px;
	    top: 250px;
	}


	#street_smarts_logo{
		bottom: 30px;
		left: 120px;
		z-index: 100;
		width: 120px;
		height: auto;
    }

}

/* Custom, Iphone 6 height */ 

@media only screen and (min-height: 450px) and (max-height: 667px) and (orientation: portrait) {

/*	 #overlay-color{background-color: purple;} */

	#button{
		padding: 10px;
		font-size: 15px; 
		top: 450px;
		left: 175px;
	}

	#button_two{
		padding: 10px; 
		font-size: 15px; 
		top: 390px;
		left: 190px;
	}

	#all_they_want{
		background-image: url(../images/all_they_want_for_mobile.svg);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    top: 180px;
	    left: 170px;
	    z-index: 8;
	    width: 151px;
	    height:70px;
	}

	#for_xmas_is_you{
		background-image: url(../images/christmas_is_you_mobile.svg);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    left: 155px;
	    z-index: 8;
	    width: 183px;
	    height: 80px;
	    top: 270px;
	}


	#street_smarts_logo{
		bottom: 30px;
		left: 120px;
		z-index: 100;
		width: 120px;
		height: auto;
    }

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) and (orientation: portrait){

	/* #overlay-color{ background-color: orange;}*/

	#bow{
		background-image: url(../images/bow.png);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    left: 20px; 
	    top: 20px; 
	    z-index: 10; 
	    width: 230px; 
	    height: 189px;
	}

	#top_stripe{
		background-image: url(../images/top_stripe_tab_portrait.png);
	    background-repeat: no-repeat;
	    background-position: center;
	    left: 110px; 
	    top: 0px; 
	    z-index: 7;
	    width: 50px;
	    min-height: 100%;
	    background-size: cover;
	}

	#right_belt{
		background-image: url(../images/right_belt.png);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    right: 0px; 
	    top: 60px; 
	    z-index: 8; 
	    width: 55%;
	    height: 115px;
	}

	#left_belt{
		background-image: url(../images/left_belt.png);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    left: 0px; 
	    top: 60px; 
	    z-index: 7;  
	    width: 55%; 
	    height: 115px;
	}

	#gov_logo{
		right:   27px;
		bottom:  27px; 
		z-index: 10; 
		width:   68px; 
		height: auto;
   }

   #button{
  	    padding: 10px;
		font-size: 15px; 
		left: 327px;
		top: 680px;
    }

	#button_two{
		padding: 10px; 
		font-size: 15px; 
		left: 340px;
		top: 620px;
	}

	#all_they_want{
		background-image: url(../images/all_they_want_for_mobile.svg);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    top: 270px;
	    left: 275px;
	    z-index: 8;
	    width: 265px;
	    height:120px;
	}

	#for_xmas_is_you{
		background-image: url(../images/christmas_is_you_mobile.svg);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    left: 245px;
	    z-index: 8;
	    width: 311px;
	    height: 135px;
	    top: 425px;
	}

	#street_smarts_logo{
		bottom: 30px;
		left: 220px;
		z-index: 100;
		width: 160px;
		height: auto;
    }

}

/* Small Devices, Tablets, Ipad Portrait 768x1024*/

@media only screen and (min-width : 768px) and (orientation: portrait){


#close_btn_link{
	z-index: 9999;
	top: 10px;
	right: 10px;
	width: 50px;
	height: 50px;
}

	/* #overlay-color{background-color: purple;} */

	#bow{
		background-image: url(../images/bow.png);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    left: 40px; 
	    top: 185px; 
	    z-index: 10; 
	    width: 315px; 
	    height: 259px;
	}

	#top_stripe{
		background-image: url(../images/top_stripe_tab_portrait.png);
	    background-repeat: no-repeat;
	    background-position: center;
	    left: 150px; 
	    top: 0px; 
	    z-index: 7;
	    width: 70px;
	    min-height: 100%;
	    background-size: cover;
	}

	#right_belt{
		background-image: url(../images/right_belt.png);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    right: 0px; 
	    top: 120px; 
	    z-index: 8; 
	    width: 55%;
	    height: 380px;
	}

	#left_belt{
		background-image: url(../images/left_belt.png);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    left: 0px; 
	    top: 120px; 
	    z-index: 7;  
	    width: 55%; 
	    height: 380px;
	}

	#gov_logo{
		right:   47px;
		bottom:  47px; 
		z-index: 10; 
		width:   68px; 
		height: auto;
   	}


  	#button{
  	    padding: 10px;
		font-size: 15px; 
		top: 700px;
		left: 477px;
    }

	#button_two{
		padding: 10px; 
		font-size: 15px; 
		top: 700px;
		left: 355px;
	}

	#all_they_want{
		background-image: url(../images/all_they_want.svg);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    top: 514px;
	    left: 288px;
	    z-index: 8;
	    width: 396px;
	    height:52px;
	}

	#for_xmas_is_you{
		background-image: url(../images/christmas_is_you.svg);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    left: 288px;
	    z-index: 8;
	    width: 412px;
	    height: 52px;
	    top: 571px;
	}

	#street_smarts_logo{
		bottom: 50px;
		left: 320px;
		z-index: 100;
		width: 180px;
		height: auto;
    }

}

/* Small Devices, Tablets, Ipad Portrait 768x1024*/

@media only screen and (min-width : 768px){


#close_btn_link{
	z-index: 9999;
	top: 10px;
	right: 10px;
	width: 50px;
	height: 50px;
}

	/* #overlay-color{background-color: purple;} */

	#bow{
		background-image: url(../images/bow.png);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    left: 40px; 
	    top: 185px; 
	    z-index: 10; 
	    width: 315px; 
	    height: 259px;
	}

	#top_stripe{
		background-image: url(../images/top_stripe_tab_portrait.png);
	    background-repeat: no-repeat;
	    background-position: center;
	    left: 150px; 
	    top: 0px; 
	    z-index: 7;
	    width: 70px;
	    min-height: 100%;
	    background-size: cover;
	}

	#right_belt{
		background-image: url(../images/right_belt.png);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    right: 0px; 
	    top: 120px; 
	    z-index: 8; 
	    width: 55%;
	    height: 380px;
	}

	#left_belt{
		background-image: url(../images/left_belt.png);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    left: 0px; 
	    top: 120px; 
	    z-index: 7;  
	    width: 55%; 
	    height: 380px;
	}

	#gov_logo{
		right:   47px;
		bottom:  47px; 
		z-index: 10; 
		width:   68px; 
		height: auto;
   	}


  	#button{
  	    padding: 10px;
		font-size: 15px; 
		top: 700px;
		left: 477px;
    }

	#button_two{
		padding: 10px; 
		font-size: 15px; 
		top: 700px;
		left: 355px;
	}

	#all_they_want{
		background-image: url(../images/all_they_want.svg);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    top: 514px;
	    left: 288px;
	    z-index: 8;
	    width: 396px;
	    height:52px;
	}

	#for_xmas_is_you{
		background-image: url(../images/christmas_is_you.svg);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    left: 288px;
	    z-index: 8;
	    width: 412px;
	    height: 52px;
	    top: 571px;
	}

	#street_smarts_logo{
		bottom: 50px;
		left: 320px;
		z-index: 100;
		width: 180px;
		height: auto;
    }

}

/* Small Devices, Tablets, Ipad Portrait 768x1024*/

@media only screen and (min-width : 768px) and (orientation: portrait){


#close_btn_link{
	z-index: 9999;
	top: 10px;
	right: 10px;
	width: 50px;
	height: 50px;
}
/*
	 #overlay-color{background-color: purple;} */

	#bow{
		background-image: url(../images/bow.png);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    left: 40px; 
	    top: 185px; 
	    z-index: 10; 
	    width: 315px; 
	    height: 259px;
	}

	#top_stripe{
		background-image: url(../images/top_stripe_tab_portrait.png);
	    background-repeat: no-repeat;
	    background-position: center;
	    left: 150px; 
	    top: 0px; 
	    z-index: 7;
	    width: 70px;
	    min-height: 100%;
	    background-size: cover;
	}

	#right_belt{
		background-image: url(../images/right_belt.png);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    right: 0px; 
	    top: 120px; 
	    z-index: 8; 
	    width: 55%;
	    height: 380px;
	}

	#left_belt{
		background-image: url(../images/left_belt.png);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    left: 0px; 
	    top: 120px; 
	    z-index: 7;  
	    width: 55%; 
	    height: 380px;
	}

	#gov_logo{
		right:   47px;
		bottom:  47px; 
		z-index: 10; 
		width:   68px; 
		height: auto;
   	}


  	#button{
  	    padding: 10px;
		font-size: 15px; 
		top: 700px;
		left: 477px;
    }

	#button_two{
		padding: 10px; 
		font-size: 15px; 
		top: 700px;
		left: 355px;
	}

	#all_they_want{
		background-image: url(../images/all_they_want.svg);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    top: 514px;
	    left: 288px;
	    z-index: 8;
	    width: 396px;
	    height:52px;
	}

	#for_xmas_is_you{
		background-image: url(../images/christmas_is_you.svg);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    left: 288px;
	    z-index: 8;
	    width: 412px;
	    height: 52px;
	    top: 571px;
	}

	#street_smarts_logo{
		bottom: 50px;
		left: 320px;
		z-index: 100;
		width: 180px;
		height: auto;
    }

}

/* Medium Devices, Desktops  Ipad Pro Portrait 1024x768*/
@media only screen and (min-width : 1024px) {

	/*#overlay-color{ background-color: pink;}*/

	#bow{
			background-image: url(../images/bow.png);
		    background-repeat: no-repeat;
		    background-position: center;
		    background-size: contain;
		    left: 60px; 
		    top: 85px; 
		    z-index: 10; 
		    width: 421px; 
		    height: 345px;
	}

	#top_stripe{
		background-image: url(../images/top_stripe.png);
	    background-repeat: no-repeat;
	    background-position: center;
	    left: 240px; 
	    top: 0px; 
	    z-index: 7;
	    width: 65px;
	    min-height: 100%;
	    background-size: cover;
	}

	#right_belt{
		background-image: url(../images/right_belt.png);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    right: 0px; 
	    top: 70px; 
	    z-index: 8; 
	    width: 55%;
	    height: 380px;
	}

	#left_belt{
		background-image: url(../images/left_belt.png);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    left: 0px; 
	    top: 70px; 
	    z-index: 7;  
	    width: 55%; 
	    height: 380px;
	}

	#gov_logo{
		right:   47px;
		bottom:  47px; 
		z-index: 10; 
		width:   68px; 
		height: auto;
   	}


  	#button{
  	    padding: 10px;
		font-size: 15px; 
		top: 608px;
		left: 764px;
    }

	#button_two{
		padding: 10px; 
		font-size: 15px; 
		top: 608px;
		left: 624px;
	}

	#all_they_want{
		background-image: url(../images/all_they_want.svg);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    top: 474px;
	    left: 585px;
	    z-index: 8;
	    width: 347px;
	    height: 44px;
	}

	#for_xmas_is_you{
		background-image: url(../images/christmas_is_you.svg);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    left: 585px;
	    z-index: 8;
	    width: 361px;
	    height: 44px;
	    top: 526px;
	}

	#street_smarts_logo{
		bottom: 110px;
		left: 30px;
		z-index: 100;
		width: 180px;
		height: auto;
    }

}

/* Large Devices, Wide Screens 1366x768*/

@media only screen and (min-width : 1366px) {
		
		/*#overlay-color{background-color: teal;}*/

	#bow{
		background-image: url(../images/bow.png);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    left: 100px; 
	    top: 85px; 
	    z-index: 10; 
	    width: 560px; 
	    height: 460px;
	}

	#top_stripe{
		background-image: url(../images/top_stripe.png);
	    background-repeat: no-repeat;
	    background-position: center;
	    left: 307px; 
	    top: 0px; 
	    z-index: 7;
	    width: 120px;
	    min-height: 100%;
	    background-size: cover;
	}

	#right_belt{
		background-image: url(../images/right_belt.png);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    right: 0px; 
	    top: 120px; 
	    z-index: 8; 
	    width: 55%;
	    height: 380px;
	}

	#left_belt{
		background-image: url(../images/left_belt.png);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    left: 0px; 
	    top: 120px; 
	    z-index: 7;  
	    width: 55%; 
	    height: 380px;
	}

	#gov_logo{
		right:   57px;
		bottom:  57px; 
		z-index: 10; 
		width:   91px; 
		height: auto;
    }

    #button{
		font-size: 20px; 
		padding: 15px;
		top: 638px;
		left: 915px;
    }

	#button_two{
		padding: 15px; 
		font-size: 20px; 
		top: 638px;
		left: 755px;
	}

	#all_they_want{
		background-image: url(../images/all_they_want.svg);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    left: 705px;
	    z-index: 8;
	    width: 464px;
	    height: 60px;
	    top: 460px;
	}

	#for_xmas_is_you{
		background-image: url(../images/christmas_is_you.svg);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    left: 705px;
	    z-index: 8;
	    width: 483px;
	    height: 60px;
	    top: 527px;
	}

	#street_smarts_logo{
		bottom: 70px;
		left: 60px;
		z-index: 100;
		width: 180px;
		height: auto;
    }

}

/* IPHONE X Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  /*and (-webkit-min-device-pixel-ratio: 3)*/
  and (orientation: landscape)  {

  	#close_btn_link{
		z-index: 9999;
		top: 10px;
		right: 10px;
		width: 30px;
		height: 30px;
    }

  
  /*	#overlay-color{ background-color: blue;}*/

  	#bow{
		background-image: url(../images/bow.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		left: 5px; 
		top: 10px; 
		z-index: 10; 
		width: 211px; 
		height: 173px;
	}

	#top_stripe{
		background-image: url(../images/top_stripe.png);
		background-repeat: no-repeat;
		background-position: center;
		left: 70px; 
		top: 0px; 
		z-index: 7;
		width: 90px;
		min-height: 100%;
		background-size: cover;
	}

	#right_belt{
		background-image: url(../images/right_belt.png);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    right: 0px; 
	    top: 30px; 
	    z-index: 8; 
	    width: 55%;
	    height: 130px;
	}

	#left_belt{
		background-image: url(../images/left_belt.png);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    left: 0px; 
	    top: 30px; 
	    z-index: 7;  
	    width: 55%; 
	    height: 130px;
	}

	#gov_logo{
		right:   15px;
		bottom:  15px; 
		z-index: 10; 
		width:   55px; 
		height: auto;
   }

	#button{
		padding:5px;
		font-size: 11px; 
		top: 275px;
		left: 340px;

	}

	#button_two{
		padding: 5px; 
		font-size: 11px; 
        top: 275px;
		left: 470px;
	}

	#all_they_want{
		background-image: url(../images/all_they_want.svg);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    top: 175px;
	    left: 320px;
	    z-index: 8;
	    width: 265px;
	    height:34px;
	}

	#for_xmas_is_you{
		background-image: url(../images/christmas_is_you.svg);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    left: 317px;
	    z-index: 8;
	    width: 275px;
	    height: 33px;
	    top: 225px;
	}

	#street_smarts_logo{
		bottom: 30px;
		left: 185px;
		z-index: 100;
		width: 120px;
		height: auto;
    }

  	
}

/* HD Screen, Large Devices, Wide Screens */

@media only screen and (min-width : 1920px) {


       /* #overlay-color{background-color: blue;}*/


		#bow{
			background-image: url(../images/bow.png);
		    background-repeat: no-repeat;
		    background-position: center;
		    left: 155px; 
		    top: 40px; 
		    z-index: 10; 
		    width: 790px;
		    height: 648px;
		}

		#top_stripe{
			background-image: url(../images/top_stripe.png);
		    background-repeat: no-repeat;
		    background-position: center;
		    left: 440px; 
		    top: 0px; 
		    z-index: 7;
		    width: 225px;
		    min-height: 100%;
		    background-size: cover;
		}

		#right_belt{
			background-image: url(../images/right_belt.png);
		    background-repeat: no-repeat;
		    background-position: center;
		    background-size: contain;
		    right: 0px; 
		    top: 180px; 
		    z-index: 8; 
		    width: 55%;
		    height: 380px;
		}

		#left_belt{
			background-image: url(../images/left_belt.png);
		    background-repeat: no-repeat;
		    background-position: center;
		    background-size: contain;
		    left: 0px; 
		    top: 180px; 
		    z-index: 7;  
		    width: 55%; 
		    height: 380px;
		}

		#gov_logo{
			right:   81px;
			bottom:  81px; 
			z-index: 10; 
			width:   160px; 
			height: auto;
	   }


	    #button{
			font-size: 28px; 
			padding: 20px;
			top: 810px;
			left: 1290px;
	    }

		#button_two{
			padding: 20px; 
			font-size: 28px; 
			top: 810px;
			left: 1065px;
		}

		#all_they_want{
			background-image: url(../images/all_they_want.svg);
		    background-repeat: no-repeat;
		    background-position: center;
		    background-size: contain;
		    left: 1000px;
		    z-index: 8;
		    width: 672px;
		    height: 85px;
		    top: 570px;
		}

		#for_xmas_is_you{
			background-image: url(../images/christmas_is_you.svg);
		    background-repeat: no-repeat;
		    background-position: center;
		    background-size: contain;
		    left: 1000px;
		    z-index: 8;
		    width: 678px;
		    height: 85px;
		    top: 667px;
		}

		#street_smarts_logo{
			bottom:  81px; 
			left: 120px;
			z-index: 100;
			width: 240px;
			height: auto;
        }



}

/* HD Screen, Large Devices, Wide Screens */

@media only screen and (min-width : 2250px) {


       /* #overlay-color{background-color: green;}*/


		#bow{
			background-image: url(../images/bow.png);
		    background-repeat: no-repeat;
		    background-position: center;
		    left: 155px; 
		    top: 40px; 
		    z-index: 10; 
		    width: 790px;
		    height: 648px;
		}

		#top_stripe{
			background-image: url(../images/top_stripe.png);
		    background-repeat: no-repeat;
		    background-position: center;
		    left: 440px; 
		    top: 0px; 
		    z-index: 7;
		    width: 225px;
		    min-height: 100%;
		    background-size: cover;
		}

		#right_belt{
			background-image: url(../images/right_belt.png);
		    background-repeat: no-repeat;
		    background-position: center;
		    background-size: contain;
		    right: 0px; 
		    top: 180px; 
		    z-index: 8; 
		    width: 55%;
		    height: 430px;
		}

		#left_belt{
			background-image: url(../images/left_belt.png);
		    background-repeat: no-repeat;
		    background-position: center;
		    background-size: contain;
		    left: 0px; 
		    top: 180px; 
		    z-index: 7;  
		    width: 55%; 
		    height: 430px;
		}

		#gov_logo{
			right:   81px;
			bottom:  81px; 
			z-index: 10; 
			width:   160px; 
			height: auto;
	   }


	    #button{
			font-size: 28px; 
			padding: 20px;
			top: 810px;
			left: 1290px;
	    }

		#button_two{
			padding: 20px; 
			font-size: 28px; 
			top: 810px;
			left: 1065px;
		}

		#all_they_want{
			background-image: url(../images/all_they_want.svg);
		    background-repeat: no-repeat;
		    background-position: center;
		    background-size: contain;
		    left: 1000px;
		    z-index: 8;
		    width: 672px;
		    height: 85px;
		    top: 570px;
		}

		#for_xmas_is_you{
			background-image: url(../images/christmas_is_you.svg);
		    background-repeat: no-repeat;
		    background-position: center;
		    background-size: contain;
		    left: 1000px;
		    z-index: 8;
		    width: 678px;
		    height: 85px;
		    top: 667px;
		}

		#street_smarts_logo{
					bottom:  81px; 
			left: 120px;
			z-index: 100;
			width: 240px;
			height: auto;
        }

}



/* My Screen HD Screen, Large Devices, Wide Screens 2560 x 1440*/

@media only screen and (min-width : 2560px) {


	/*#overlay-color{background-color: orange;}*/


    #bow{
		background-image: url(../images/bow.png);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    left: 90px; 
	    top:138px; 
	    z-index: 10; 
	    width: 1053px; 
	    height: 864px;
    }

	#top_stripe{
		background-image: url(../images/top_stripe.png);
	    background-repeat: no-repeat;
	    background-position: center;
	    left: 460px; 
	    top: 0px; 
	    z-index: 7;
	    width: 300px;
	    min-height: 100%;
	    background-size: cover;
	}

	#right_belt{
		background-image: url(../images/right_belt.png);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    right: 0px; 
	    top: 105px; 
	    z-index: 8; 
	    width: 55%;
	    height: 937px;
	}

	#left_belt{
		background-image: url(../images/left_belt.png);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    left: 0px; 
	    top: 105px; 
	    z-index: 7;  
	    width: 55%;
	    height: 937px;
	}

	#gov_logo{
		right:   108px;
		bottom:  108px; 
		z-index: 10; 
		width:   170px; 
		height: auto;
	}

	#button{
		font-size: 38px; 
		padding: 25px; 
		top: 1190px;
		left: 1718px;
	}

	#button_two{
		padding: 25px; 
		font-size: 38px; 
		top: 1190px;
		left: 1410px;
	}

	#all_they_want{
		background-image: url(../images/all_they_want.svg);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    top: 866px;
	    left: 1325px;
	    z-index: 8;
	    width: 870px;
	    height: 113px;
	}

	#for_xmas_is_you{
		background-image: url(../images/christmas_is_you.svg);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    left: 1325px;
	    z-index: 8;
	    width: 905px;
	    height: 113px;
	    top: 988px;
	}

	#street_smarts_logo{
			bottom:  108px; 
		left: 140px;
		z-index: 100;
		width: 240px;
		height: auto;
    }

}

/* 4K Screen, Large Devices, Wide Screens 3840x2160 */

@media only screen and (min-width : 3840px) {

 /*   #overlay-color{
    	background-color: green;
    }*/

    #bow{
		background-image: url(../images/bow.png);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    left: 280px; 
	    top: 143px; 
	    z-index: 10; 
	    width: 1580px; 
	    height: 1295px;
    }

	#top_stripe{
		background-image: url(../images/top_stripe.png);
	    background-repeat: no-repeat;
	    background-position: center;
	    left: 863px; 
	    top: 0px; 
	    z-index: 7;
	    width: 450px;
	    min-height: 100%;
	    background-size: cover;
	}

	#right_belt{
		background-image: url(../images/right_belt.png);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    right: 0px; 
	    top: 320px; 
	    z-index: 8; 
	    width: 55%;
	    height: 937px;
	}

	#left_belt{
		background-image: url(../images/left_belt.png);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    left: 0px; 
	    top: 320px; 
	    z-index: 7;  
	    width: 55%;
	    height: 937px;
	}

	#gov_logo{
		right: 160px;
		bottom: 160px; 
		z-index: 10; 
		width: 257px; 
		height: auto;
	}

    #button{
		left: 2776px; 
	    top: 1793px;
		font-size: 57px; 
		padding: 30px; 
	}

	#button_two{
		padding: 30px; 
		left: 2326px; 
		top: 1793px;
		font-size: 57px; 
	}


	#all_they_want{
		background-image: url(../images/all_they_want.svg);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    top: 1296px;
	    left: 2041px;
	    z-index: 8;
	    width: 1305px;
	    height: 169px;
	}

	#for_xmas_is_you{
		background-image: url(../images/christmas_is_you.svg);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	    left: 2041px;
	    z-index: 8;
	    width: 1355px;
	    height: 169px;
	    top: 1483px;
	}

	#street_smarts_logo{
		bottom: 200px;
		left: 180px;
		z-index: 100;
		width: 450px;
		height: auto;
    }

}

/* 5K Screen, Large Devices, Wide Screens */

@media only screen and (min-width : 3840px) {

/*	  #overlay-color{
    background-color: red;
    }*/


}