/* CSS Document */

body {
	margin: 0 0 0 0;
	background-color: #FFF;
}

	.headercap{
		background-image: linear-gradient(to right, #000 , #204a97, #000);
		width: 100%;
		height: 10px;
	}
	
	.menu{
		width: 100%;
		height: 45px;
		background-color: #000;
		position: sticky;
  		top: 0;
		z-index: 1;
		border-bottom-color: #fff;
		border-bottom-style: solid;
		border-bottom-width: 1px;
	}
	
	.background{
		background-image:url("../img/blue_background1.png");
		background-color: #000926;
		height: 100%;
		background-attachment: fixed;
  		background-position: center;
  		background-repeat: no-repeat;
  		background-size: cover;
	}

	.order_bg{
		background-image:url("../img/order_bg.png");
		background-color: #000926;
		height: 100%;
		background-attachment: fixed;
  		background-position: center;
  		background-repeat: no-repeat;
  		background-size: cover;
	}
	
	.top_header{
		background-image: url("");
		height: 100%;
		background-attachment: fixed;
  		background-position: center;
  		background-repeat: no-repeat;
  		background-size: cover;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.features_bg{
	    background-image:url("/img/features_bg.png");
		background-color: #FFF;
		height: 100%;
		background-attachment: fixed;
  		background-position: center;
  		background-repeat: no-repeat;
  		background-size: cover;
	
	}

.wonders_bg{
	    background-image:url("/img/7wonders_bg.png");
		background-color: #FFF;
		height: 100%;
		background-attachment: fixed;
  		background-position: center;
  		background-repeat: no-repeat;
  		background-size: cover;
	
	}

.wellness_bg{
	    background-image:url("/img/wellness_bg.png");
		background-color: #FFF;
		height: 100%;
		background-attachment: fixed;
  		background-position: center;
  		background-repeat: no-repeat;
  		background-size: cover;
	
	}

.terahertz_bg{
	    background-image:url("/img/terahertz_bg.png");
		background-color: #FFF;
		height: 100%;
		background-attachment: fixed;
  		background-position: center;
  		background-repeat: no-repeat;
  		background-size: cover;
	
	}



.funnels_bg{
	    background-image:url("/img/funnels_bg_mobile.png");
		background-color: #FFF;
		height: 100%;
		background-attachment: fixed;
  		background-position: center;
  		background-repeat: no-repeat;
  		background-size: cover;
	
	}

.funnels_bg2{
	    background-image:url("/img/section2_bg.png");
		background-color: #FFF;
		height: 100%;
		background-attachment: fixed;
  		background-position: center;
  		background-repeat: no-repeat;
  		background-size: cover;
	
	}

	.business_bg{
	    background-image:url("../img/business_bg.png");
		background-color: #FFF;
		height: 100%;
		background-attachment: fixed;
  		background-position: center;
  		background-repeat: no-repeat;
  		background-size: cover;
	
	}

	.frequency_and_wellness_bg{
	    background-image:url("/img/owner_info_bg.png");
		background-color: #FFF;
		height: 100%;
		background-attachment: fixed;
  		background-position: center;
  		background-repeat: no-repeat;
  		background-size: cover;
	
	}
	
	.section1{
		background-color: #FFF;
		background-image:url("../img/back_office_bg.png");
		height: 100%;
		background-attachment: fixed;
  		background-position: center;
  		background-repeat: no-repeat;
  		background-size: cover;
	
	}
	
	.plugandplay_bg{
		background-color: #FFF;
		background-image:url("../img/plugandplay_bg4.png");
		height: 100%;
		background-attachment: fixed;
  		background-position: center;
  		background-repeat: no-repeat;
  		background-size: cover;
	
	}

	.section2{
		background-color: #e0ecfd;
		padding-bottom: 75px;
		height: 100%;
		background-attachment: fixed;
  		background-position: center;
  		background-repeat: no-repeat;
  		background-size: cover;
		padding: 20px;
	
	}

	.section3{
		background-color: #a77458;
		background-image:url("../img/section3_bg_768.png");
		padding-bottom: 75px;
		margin: 0 0 0 0;
		height: 100%;
		background-attachment: fixed;
  		background-position: center;
  		background-repeat: no-repeat;
  		background-size: cover;
	
	}
	
	.faq_bg{
		background-color: #FFF;
		background-image:url("../img/faq_bg.png");
		padding-bottom: 75px;
		margin: 0 0 0 0;
		height: 100%;
		background-attachment: fixed;
  		background-position: center;
  		background-repeat: no-repeat;
  		background-size: cover;
	
	}
	
	.funnel_bg{
		background-color: #000;
		background-image:url("../img/funnel_bg.png");
		height: 100%;
		background-attachment: fixed;
  		background-position: center;
  		background-repeat: no-repeat;
  		background-size: cover;
	
	}
	
	.email_bg{
		background-image:url("../img/email_bg.png");
		height: 100%;
		background-attachment: fixed;
  		background-position: center;
  		background-repeat: no-repeat;
  		background-size: cover;
	
	}
	
	.text_background{
			background-image: url("/img/texting_bg.png");
			background-position: center;
  			background-repeat: no-repeat;
  			background-size: cover;
			background-attachment: fixed;
			
			-moz-box-shadow: inset 0 0 10px #000000;
   			-webkit-box-shadow: inset 0 0 10px #000000;
   			box-shadow: inset 0 0 10px #000000;
		}
	
	.notification_bg{
		background-color: #0f2143;
		background-image:url("/img/notifications_bg.png");
		height: 100%;
		background-attachment: fixed;
  		background-position: center;
  		background-repeat: no-repeat;
  		background-size: cover;
	
	}
	
	.rotator_bg{
		background-color: #FFFFFF;
		background-image:  url("/img/rotator_bg.png");
		padding-bottom: 75px;
		height: 100%;
		background-attachment: fixed;
  		background-position: center;
  		background-repeat: no-repeat;
  		background-size: cover;
	
	}
	
	.referral_bg{
		background-color: #FFFFFF;
		background-image:  url("../img/referral_bg.png");
		padding-bottom: 75px;
		height: 100%;
		background-attachment: fixed;
  		background-position: center;
  		background-repeat: no-repeat;
  		background-size: cover;
	
	}
	
	.back_office_bg{
		background-color: #FFFFFF;
		background-image:  url("../img/back_office_bg.png");
		padding-bottom: 75px;
		height: 100%;
		background-attachment: fixed;
  		background-position: center;
  		background-repeat: no-repeat;
  		background-size: cover;
	
	}


.btn{
		background-color: #d93235;
		border: 0px;
		border-radius: 5px;
		color: #FFF;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 10px;
		padding-right: 10px;
		
	}
	
.btn:hover {
  background-color: #204a97;
  color: #fff;
}	

.btn2{
		background-color: #d93235;
		border: 0px;
		border-radius: 5px;
		color: #FFF;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 10px;
		padding-right: 10px;
		
	}
	
.btn2:hover {
  background-color: #204a97;
  color: #fff;
}	
	
.system_btn{
		background-color: #d9323;
		border: 0px;
		border-radius: 5px;
		color: #FFF;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 20px;
		padding-right: 20px;
		margin-bottom: 15px;
		margin-top: 15px;
	}
	
.system_btn:hover {
  background-color: #204a97;
  color: #fff;
}

.hr{
		
		border-color: #333;
	}

.footercolumnheader{
			font-family: Font2;
			color: #FFF;
			font-size: 22px;
			text-shadow: 1px 1px #000;
		}

.features_headline{
	width: 95%
}

.image{
	border: 1px;
	border-color: #FFF;
	border-style: solid;
}
	
	.package_btn{
		width: 320px;
	}
	
	.packages{
		width: 85%;
		
	}

.copyright{
	
	width: 100%;
	padding: 20px;
	font-family: font2;
	font-size: 12px;
	color: #ffffff;
	bottom: 0;
	

}

.buttons{
	width: 300px;
	padding-bottom: 25px;
	
}

.bg1{
		padding: 15px;
	}
	
	.description{
		background-image: linear-gradient(to right, #555 , #333);
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.section2headline{
		font-family: Font1;
		font-size: 38px;
		color: #FFF;
		text-shadow: 2px 2px #000;
	}

	.whatcomeswiththesystem{
		font-family: Font2;
		font-size: 38px;
		color: #333;
		
	}


	.plugandplay1{
		font-family: font2;
		font-size: 36px;
		color: #FFF;
		text-shadow: 1px 1px #000;
	}
	
	.plugandplay2{
		font-family: font2;
		font-size: 30px;
		color: #FFF;
		font-weight: bold;
		text-shadow: 1px 1px #000;
	}
	
	.plugandplay3{
		font-family: font1;
		font-size: 12px;
		color: #FFF;
		font-weight: bold;
		text-shadow: 0px 1px #000;
	}
	
	.package_btns{
		width: 320px;
		padding: 10px;
	}
	
	
@font-face {
  font-family: Font1;
  src: url("../fonts/Montserrat-Light.ttf");
}
	
@font-face {
  font-family: Font2;
  src: url("../fonts/Montserrat-Regular.ttf");
}

@font-face {
  font-family: Font3;
  src: url("../fonts/Milkstor03-Clean.ttf");
}
	
@font-face {
  font-family: Font6;
  src: url("../fonts/Montserrat-Medium.ttf");
}
	


.content{
	font-family: Font1;
	font-size: 12px;
	color: #333;
}
	
	.font10{
		font-family: Font1;
		font-size: 24px;
		color: #FFF;
	}
	
	.font11{
		font-family: Font6;
		font-size: 36px;
		color: #333;
		
	}
	
	.font21{
		font-family: Font2;
		font-size: 36px;
		color: #333;
		
	}
	
	.font12{
		font-family: Font1;
		color: #333;
		font-size: 14px;
		
	}
	
	.font20{
		font-family: Font2;
		color: #333;
		font-size: 18px;
		
	}
	
	.font30{
		font-family: Font1;
		font-size: 48px;
		color: #FFF;
		text-shadow: 1px 1px #333;
	}
	
	.font31{
		font-family: Font1;
		color: #FFF;
		font-size: 14px;
		text-shadow: 1px 1px #000;
	}

.funnel_text{
	
		font-family: Font1;
		color: #333;
		font-size: 14px;
		
	
}

.funnel_text_headline{
		font-family: Font6;
		font-size: 36px;
		color: #333;
		
	}
	
	.font32{
		font-family: Font6;
		font-size: 36px;
		color: #FFF;
		text-shadow: 1px 1px #333;
	}
	
	.font33{
		font-family: Font2;
		color: #FFF;
		font-size: 14px;
		text-shadow: 1px 1px #333;
	}
	
	.font34{
		font-family: Font1;
		color: #333;
		font-size: 20px;
		
	}
	
	.font35{
		font-family: Font1;
		font-size: 36px;
		color: #FFF;
		
	}

	.font36{
		font-family: Font1;
		color: #fff;
		font-size: 20px;
		
	}

	.font37{
		font-family: Font1;
		color: #fff;
		font-size: 20px;
		
	}
	
	.font2{
		font-family: Font2;
		color: #FFFFFF;
		font-size: 14px;
	}
	
	
	
	.font13{
		font-family: Font1;
		color: #FFF;
		font-size: 15px;
		text-shadow: 1px 1px #000;
	}
	
	.font14{
		font-family: Font6;
		color: #d83235;
		font-size: 14px;
		text-shadow: 1px 1px #333;
	}
	
	.font15{
		font-family: Font6;
		color: #000;
		font-size: 36px;
	}
	
	.font17{
		font-family: Font1;
		color: #333;
		font-size: 20px;
		
	}
	
	.font18{
		font-family: Font1;
		color: #ff945f;
		font-size: 20px;
		text-shadow: 1px 1px #333;
		
	}
	
	.font01{
		font-family: Font1;
		font-size: 48px;
		color: #FFF;
	}
	
	.font16{
		font-family: Font2;
		color: #1d2e38;
		font-size: 14px;
	}
	
	.li1{
		color: #d83235;
		font-size: 20px;
	}
	
	.li2{
		color: #f7996a;
		font-size: 20px;
	}
	
	
	.font6{
		font-family: Font5;
		color: #CC0000;
		font-size: 36px;
	}
	
	.font4{
		font-family: Font6;
		color: #FFF;
		font-size: 16px;
	}
	
	
	.font9{
		font-family: Font5;
		color: #CC0000;
		font-size: 36px;
	}
	
	.font02{
		font-family: Font2;
		color:  #16123a;
		font-size:  28px;
		
		
	}
	
	.text {
		font-family: Font2;
		color: #333333;
		font-size: 16px;
	}

	.order_btn{
		width: 50%;
	}
	
	.funnel_btn{
		width: 40%;
	}
	
	.funnel {
		width: 60%;
	}
	
	.arrow{
		width: 60%;
	}
	
	.logo{
		width: 99%;
	}

	.terahertz_logo{
		width: 300px;
	}
	
	.systems_driven{
		width: 85%;
	}
	
	.whos_it_for_bg{
		background-color: #263540;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	.separator {
	background-color: #263540;
	background-repeat: no-repeat;
	background-size: cover;
    border-color: #CCCCCC;
	border-bottom-width: thick;
	height: 5px;
}	
	
	.separator2 {
	background-image: linear-gradient(to right, #000 , #d83235, #000);
	background-repeat: no-repeat;
	background-size: cover;
    border-color: #CCCCCC;
	border-bottom-width: thick;
	height: 5px;
}
	
	.form_bg{
		background-color: #EBEBEB;
		border-radius: 25px;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-right: 15px;
		padding-left: 15px;
	}


.disclaimer {
	font-family: font1;
	font-size: 14px;
	color: #333;
	line-height: 1.0;
}



a.terms:link {color: #333; text-decoration: none; font-size: 16px; font-family: Font1;}
a.terms:hover {color: #333; text-decoration: underline; font-size: 16px; font-family: Font1;}
a.terms:visited {color: #333; text-decoration: none; font-size: 16px; font-family: Font1;}
a.terms:active {color: #333; text-decoration: none; font-size: 16px; font-family: Font1;} 

a.demolink:link {color: #ea9d72; text-decoration: none; font-size: 24px; text-shadow: 1px 1px #000; font-family: Font1;}
a.demolink:hover {color: #ea9d72; text-decoration: underline; font-size: 24px; text-shadow: 1px 1px #000; font-family: Font1;}
a.demolink:visited {color: #ea9d72; text-decoration: none; font-size: 24px; text-shadow: 1px 1px #000; font-family: Font1;}
a.demolink:active {color: #ea9d72; text-decoration: none; font-size: 24px; text-shadow: 1px 1px #000; font-family: Font1;}

a.copyrightlink:link {color: #FFF; text-decoration: none; font-size: 12px; text-shadow: 1px 1px #000; font-family: Font2;}
a.copyrightlink:hover {color: #FFF; text-decoration: underline; font-size: 12px; text-shadow: 1px 1px #000; font-family: Font2;}
a.copyrightlink:visited {color: #FFF; text-decoration: none; font-size: 12px; text-shadow: 1px 1px #000; font-family: Font2;}
a.copyrightlink:active {color: #FFF; text-decoration: none; font-size: 12px; text-shadow: 1px 1px #000; font-family: Font2;}

a.featureslink:link {color: #FFF; text-decoration: none; font-size: 24px; text-shadow: 1px 1px #000; font-family: Font1;}
a.featureslink:hover {color: #FFF; text-decoration: underline; font-size: 24px; text-shadow: 1px 1px #000; font-family: Font1;}
a.featureslink:visited {color: #FFF; text-decoration: none; font-size: 24px; text-shadow: 1px 1px #000; font-family: Font1;}
a.featureslink:active {color: #FFF; text-decoration: none; font-size: 24px; text-shadow: 1px 1px #000; font-family: Font1;} 

a.sitelink:link {color: #d93235; text-decoration: none; font-size: 16px; font-weight: bold; font-family:  Font2;}
a.sitelink:hover {color: #d93235; text-decoration: underline; font-size: 16px; font-weight: bold; font-family:  Font2;}
a.sitelink:visited {color: #d93235; text-decoration: none; font-size: 16px; font-weight: bold; font-family:  Font2;}
a.sitelink:active {color: #d93235; text-decoration: none; font-size: 16px; font-weight: bold; font-family:  Font2;}	
	
a.sitelink2:link {color: #d93235; text-decoration: none; font-size: 14px; font-family:  Font2;}
a.sitelink2:hover {color: #d93235; text-decoration: underline; font-size: 14px; font-family:  Font2;}
a.sitelink2:visited {color: #d93235; text-decoration: none; font-size: 14px; font-family:  Font2;}
a.sitelink2:active {color: #d93235; text-decoration: none; font-size: 14px; font-family:  Font2;}
	
a.footerlinks:link {color: #DBDBDB; text-decoration: none; text-shadow: 1px 1px #000; font-size: 14px; font-family: Font2;}
a.footerlinks:hover {color: #DBDBDB; text-decoration: underline; text-shadow: 1px 1px #000; font-size: 14px; font-family: Font2;}
a.footerlinks:visited {color: #DBDBDB; text-decoration: none; text-shadow: 1px 1px #000; font-size: 14px; font-family: Font2;}
a.footerlinks:active {color: #DBDBDB; text-decoration: none; text-shadow: 1px 1px #000; font-size: 14px; font-family: Font2;}

a.faqlink:link {color: #d93235; text-decoration: none; font-size: 22px; font-family:  Font2;}
a.faqlink:hover {color: #d93235; text-decoration: underline; font-size: 22px; font-family:  Font2;}
a.faqlink:visited {color: #d93235; text-decoration: none; font-size: 22px; font-family:  Font2;}
a.faqlink:active {color: #d93235; text-decoration: none; font-size: 22px; font-family:  Font2;} 

a.menulink:link {color: #d93235; text-decoration: none; font-size: 16px; font-family:  Font2;}
a.menulink:hover {color: #d93235; text-decoration: underline; font-size: 16px; font-family:  Font2;}
a.menulink:visited {color: #d93235; text-decoration: none; font-size: 16px; font-family:  Font2;}
a.menulink:active {color: #d93235; text-decoration: none; font-size: 16px; font-family:  Font2;}
	
	
	.video1{
		width: 320px;
		height: 180px;
		align-content: center;
	}
	
.text{
	padding: 5px;
}

.large{

	font-family: impact;

	color: #ffffff;

	font-size: 32px;

}


	
	
/*@media screen and (min-width: 768px) {
.footer {
	height:150px;
}*/
	
	

.footer {
	background-image: url("/img/funnels_bg.png");
	background-attachment: fixed;
  		background-position: center;
  		background-repeat: no-repeat;
  		background-size: cover;


}		

	

input[type='checkbox'] {
    -webkit-appearance:none;
    width:30px;
    height:30px;
    background:white;
    border-radius:5px;
    border:2px solid #555;
}
input[type='checkbox']:checked {
    background: #abd;
}

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
	
	
.product_title{
		font-face: Font2;
		font-size: 24px;
		color: #333;
	}
	
	.business_card_image{
		width: 250px;
		
		}

	.postcard_image{
		width: 250px;
		
		}
	
	.vinyl_banner{
		width: 250px;
		border: 1px solid;
		border-color: #CCC;
		}
	
	.business_card_pop{
		width: 250px;
	}
	
	.postcard_back_pop{
		width: 250px;
	}
	
	.flyer_pop{
		width: 250px;
	}
	
	.largedoorhanger_pop{
		width: 250px;
	}
	
	.tabletent_pop{
		width: 250px;
	}
	
	.poster_pop{
		width: 250px;
	}
	
	.vinyl_banner_pop{
		width: 250px;
	}
	
	.shipping{
			font-family: Font2;
			font-size: 12px;
			color: #333;
			font-weight: bold;
		}
	
	.mens_polo{
		width: 250px;
		
		}
	
	.doorhanger{
		width: 300px;
		padding: 5px;
	}
	
	/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 320px;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}	
	
	
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;

  
}

.li0 {
  float: right;
  
}

.li0 a {
  display: block;
  color: #333;
  text-align: center;
  padding: 14px 14px;
  text-decoration: none;
  font-size: 12px;
  font-family: Font1;
}

/* Change the link color to #111 (black) on hover */
.li0 a:hover {
    
	color: #d63134;
}

.logo_offer{
		width: 85%;
	}
	
.large_black_text{
			font-family: Font2;
			font-weight: bold;
			color: #333;
			font-size: 20px;
			
		}
	
	
@media screen and (min-width: 321px) {
	div.tcenter {
		text-align: center;
	}
	
	.video1{
		width: 320px;
		height: 180px;
		align-content: center;
	}
	
	.logo{
		width: 99%;
	}
	
	.systems_driven{
		width: 85%;
	}
	
	.large_black_text{
			font-family: Font2;
			font-weight: bold;
			color: #333;
			font-size: 20px;
			
		}
}	


@media screen and (min-width: 769px) {
	div.tcenter {
		text-align: center;
	}
	
	.funnels_bg{
	    background-image:url("/img/funnels_bg2.png");
		background-color: #FFF;
		height: 100%;
		background-attachment: fixed;
  		background-position: center;
  		background-repeat: no-repeat;
  		background-size: cover;
	
	}

	.section3{
		background-color: #a77458;
		background-image:url("../img/section3_bg.png");
		padding-bottom: 75px;
		height: 100%;
		background-attachment: fixed;
  		background-position: center;
  		background-repeat: no-repeat;
  		background-size: cover;
	}
	.systems_driven{
		width: 50%;
	}
	
a.faqlink:link {color: #d93235; text-decoration: none; font-size: 28px; font-family:  Font2;}
a.faqlink:hover {color: #d93235; text-decoration: underline; font-size: 28px; font-family:  Font2;}
a.faqlink:visited {color: #d93235; text-decoration: none; font-size: 28px; font-family:  Font2;}
a.faqlink:active {color: #d93235; text-decoration: none; font-size: 28px; font-family:  Font2;} 
	
	.content{
	font-family: Font1;
	font-size: 14px;
	color: #333;
}
	
	.video1{
		width: 640px;
		height: 360px;
		align-content: center;
	}
	
		.features_headline{
	width: 45%
}
	
	.package_btn{
		width: 400px;
	}
	
	.packages{
		width: 500px;
		
	}
	
	.order_btn{
		width: 30%;
	}
	
	.funnel_btn{
		with: 20%;
	}
	
	.logo{
		width: 65%;
	}
	
	.logo_offer{
		width: 400px;
	}
	
	.terahertz_logo{
		width: 500px;
	}
	
	.systems_driven{
		width: 85%;
	}
	
	.arrow{
		width: 40%;
	}
	
	.font2{
		font-family: Font2;
		color: #FFFFFF;
		font-size: 16px;
	}
	
	.font4{
		font-family: Font6;
		color: #FFF;
		font-size: 16px;
	}
	
	.product_title{
		font-face: Font2;
		font-size: 30px;
		color: #333;
	}
	
	.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 550px;
}
	
	.business_card_image{
			width: 300px;
		}
	
	.business_card_pop{
		width: 500px;
	}
	
	.postcard_image{
		width: 450px;
	}
	
	.vinyl_banner{
		width: 300px;
		border: 1px solid;
		border-color: #CCC;
		}
	
	.postcard_back_pop{
		width: 500px;
	}
	
	.flyer_pop{
		width: 500px;
	}
	
	.largedoorhanger_pop{
		width: 500px;
	}
	
	.tabletent_pop{
		width: 500px;
	}
	
	.poster_pop{
		width: 500px;
	}
	
	.vinyl_banner_pop{
		width: 500px;
	}
	
	.mens_polo{
		width: 300px;
		
		}
	
	.doorhanger{
		width: 400px;
		padding: 5px;
	}
	
	#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
}
	
	.section1{
		background-color: #FFF;
		background-image:url("../img/back_office_bg.png");
		height: 100%;
		background-attachment: fixed;
  		background-position: center;
  		background-repeat: no-repeat;
  		background-size: cover;

		
	}
	
a.sitelink2:link {color: #9e63f5; text-decoration: none; font-size: 16px; font-family:  Font2;}
a.sitelink2:hover {color: #9e63f5; text-decoration: underline; font-size: 16px; font-family:  Font2;}
a.sitelink2:visited {color: #9e63f5; text-decoration: none; font-size: 16px; font-family:  Font2;}
a.sitelink2:active {color: #9e63f5; text-decoration: none; font-size: 16px; font-family:  Font2;}
	
	.section2headline{
		font-family: Font1;
		font-size: 72px;
		color: #FFF;
		text-shadow: 2px 2px #000;
	}
	
	.whatcomeswiththesystem{
		font-family: Font2;
		font-size: 72px;
		color: #333;
	}
	
	.font11{
		font-family: Font6;
		font-size: 50px;
		color: #333;
		
	}
	
	.font21{
		font-family: Font2;
		font-size: 45px;
		color: #333;
		
	}
	
	.font12{
		font-family: Font1;
		color: #333;
		font-size: 16px;
		
	}
	
	.font20{
		font-family: Font2;
		color: #333;
		font-size: 20px;

	}
	
	
	.font13{
		font-family: Font1;
		color: #FFF;
		font-size: 20px;
		text-shadow: 1px 1px #000;
	}
	
	.font14{
		font-family: Font6;
		color: #d83235;
		font-size: 20px;
		text-shadow: 1px 1px #333;
	}
	
	.font15{
		font-family: Font6;
		color: #000;
		font-size: 60px;
		
	}
	
	.font17{
		font-family: Font1;
		color: #333;
		font-size: 28px;
		
	}
	
	.font18{
		font-family: Font1;
		color: #ff945f;
		font-size: 28px;
		text-shadow: 1px 1px #333;
		
	}
	
	.font01{
		font-family: Font1;
		font-size: 75px;
		color: #FFF;
		
		
	}
	
	.font02{
		font-family: Font2;
		color:  #16123a;
		font-size:  28px;
		
		
	}
	
	.font16{
		font-family: Font2;
		color: #1d2e38;
		font-size: 18px;
	}
	
	.font30{
		font-family: Font1;
		font-size: 75px;
		color: #FFF;
		text-shadow: 1px 1px #333;
		
	}
	
	.font31{
		font-family: Font1;
		color: #FFF;
		font-size: 16px;
		text-shadow: 1px 1px #333;
	}
	
	.funnel_text{
		font-family: Font1;
		color: #333;
		font-size: 16px;
		
	}
	
	.font32{
		font-family: Font6;
		font-size: 60px;
		color: #FFF;
		text-shadow: 1px 1px #333;
	}
	
	.funnel_text_headline{
		font-family: Font6;
		font-size: 60px;
		color: #333;
		
	}
	
	.font34{
		font-family: Font1;
		color: #333;
		font-size: 28px;
		
	}
	
	.font35{
		font-family: Font1;
		font-size: 60px;
		color: #FFF;
		
	}
	
	.font36{
		font-family: Font1;
		color: #fff;
		font-size: 28px;
		
	}
	
	.font37{
		font-family: Font1;
		color: #fff;
		font-size: 28px;
		
	}
	
	.li1{
		color: #d83235;
		font-size: 28px;
	}
	
	.li2{
		color: #f7996a;
		font-size: 28px;
	}
	
a.footerlinks:link {color: #DBDBDB; text-decoration: none; text-shadow: 1px 1px #000; font-size: 16px;  font-family:  Font2;}
a.footerlinks:hover {color: #DBDBDB; text-decoration: underline; text-shadow: 1px 1px #000; font-size: 16px; font-family:  Font2;}
a.footerlinks:visited {color: #DBDBDB; text-decoration: none; text-shadow: 1px 1px #000; font-size: 16px; font-family:  Font2;}
a.footerlinks:active {color: #DBDBDB; text-decoration: none; text-shadow: 1px 1px #000; font-size: 16px; font-family:  Font2;} 

	
.large_black_text{
			font-family: Font2;
			font-weight: bold;
			color: #333;
			font-size: 28px;
			
		}	
	
}	
	
@media screen and (min-width: 1000px){	
	
.li0 a {
  display: block;
  color: #333;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 14px;
  font-family: Font2;
}
	
		.menu{
		width: 100%;
		height: 48px;
		background-color: #000;
		position: sticky;
  		top: 0;
		z-index: 1;
	}
	
	.large_black_text{
			font-family: Font2;
			font-weight: bold;
			color: #333;
			font-size: 32px;
			
		}
	
	
	
	}
	
@media screen and (min-width: 1280px){
		

	.separator {
	background-color: #263540;
	background-repeat: no-repeat;
	background-size: cover;
    border-color: #CCCCCC;
	border-bottom-width: thick;
	height: 5px;
}	
	
	.separator2 {
	background-image: linear-gradient(to right, #000 , #d83235, #000);
	background-repeat: no-repeat;
	background-size: cover;
    border-color: #CCCCCC;
	border-bottom-width: thick;
	height: 5px;
}
	
	
	.video1{
		width: 800px;
		height: 450px;
		align-content: center;
	}
	
	.bg1{
		padding: 25px;
	}
	
	.plugandplay1{
		font-family: font2;
		font-size: 85px;
		color: #FFF;
		text-shadow: 1px 1px #000;
	}
	
	.plugandplay2{
		font-family: font2;
		font-size: 55px;
		color: #FFF;
		font-weight: bold;
		text-shadow: 1px 1px #000;
	}
	
	.plugandplay3{
		font-family: font1;
		font-size: 18px;
		color: #FFF;
		font-weight: bold;
		text-shadow: 1px 1px #000;
		
	}
	
	.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 800px;
}
	
	.package_btn{
		width: 600px;
	}
	
	.systems_driven{
		width: 50%;
	}
	
	.logo{
		width: 65%;
	}
	
	.logo_offer{
		width: 600px;
	}
	
	
	
	
	.packages{
		width: 750px;
		
	}
	
	.postcard_back_pop{
		width: 700px;
	}
	
	.flyer_pop{
		width: 700px;
	}
	
	.largedoorhanger_pop{
		width: 700px;
	}
	
	.tabletent_pop{
		width: 700px;
	}
	
	.poster_pop{
		width: 700px;
	}
	
	.vinyl_banner_pop{
		width: 700px;
	}
	
	
	
	.order_btn{
		width: 20%;
	}
	
	.funnel {
		width: 50%;
	}
	
	.arrow{
		width: 50%;
	}
	
	.funnel_btn{
		with: 10%;
	}
	
	.font2{
		font-family: Font2;
		color: #FFFFFF;
		font-size: 16px;
	}
	
	.font4{
		font-family: Font6;
		color: #FFF;
		font-size: 16px;
	}
	
	
		
}