/* Flex Box */

h2.subhead { font-size:25px; font-weight:300; }

.imageright { width:48%; display:inline-block; text-align:right; margin:0 0 2% 2%; float:right; }
.imageleft { width:48%; display:inline-block; text-align:right; margin:0 2% 2% 0; float:left; }
.imagefull { width:100%; margin:15px 0; clear:both; }


.two-img .imageright { width:48%; display:inline-block; text-align:right; margin:2% 0% 2% 2%; float:right; }
.two-img .imageleft { width:48%; display:inline-block; text-align:right; margin:2% 2% 2% 0%; float:left; }


.three-img .imageright { width:32%; display:inline-block; text-align:right; margin:2% 0% 2% 2%; float:right; }
.three-img .imageleft { width:32%; display:inline-block; text-align:right; margin:2% 2% 2% 0%; float:left; }
.three-img .imagemid { width:32%; display:inline-block; text-align:right; margin:2% 0% 2% 0%; float:left; }


@media only screen and (max-width:768px) {
	
.three-img .imageright { width:48%; display:inline-block; text-align:right; margin:2% 0% 2% 2%; float:right; }
.three-img .imageleft { width:48%; display:inline-block; text-align:right; margin:2% 2% 2% 0%; float:left; }

.three-img .imagemid { display:none; }


}



.twocol {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
}

@media only screen and (max-width:768px) { .twocol { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }	}

.twocol ul,
.twocol li { break-inside: avoid-column; -webkit-column-break-inside: avoid; }
.twocol p { margin:0 0 20px 0; }
.twocol h3 { margin:0 0 20px 0; }




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

.video-half {
	width:50%; float:left; margin:5px 20px 10px 0;
}



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



hr {
    border: 0; height: 1px; margin:21px 0 20px 0;
    background-image: linear-gradient(to right, rgba(100, 100, 100, 0), rgba(100, 100, 100, 0.75), rgba(100, 100, 100, 0));
}


.donwlod-file { margin-bottom:20px; }
.donwlod-file img { height:60px; }


.feature { padding: 30px 0 60px 0; margin: -30px 0; }
.feature h2 { margin:0; font-weight:300; text-align:center; }

/* Flex Box END */
















@media (min-width:1700px) { 


}




/* hi-res laptops and desktops */
@media (max-width:1281px) { 

.welcome .holder .right { padding:0 40px 0 0; }


}



/* big landscape tablets, laptops, and desktops */ 
@media (max-width:1025px) {
	


}


/* tablet, landscape iPad, lo-res laptops ands desktops */
@media (max-width:961px) {

.welcome .holder .left { padding:100px 0 0 0;  }
.welcome .holder .right { padding:40px 40px 40px 0; }
.welcome .holder .right ul li a { margin-left: 0 ;}

}


@media only screen and (max-width:880px) {

    
.welcome .logo {
	max-width:none; width: 40%; left: 30%; top: 30px;
}

    
header ul li { margin:0 10px; }
 #how { background:#FFF; }
 #how img {padding-top: 20%;}
 #how ol img {padding: 0; }

 #how .right p { font-size:14px; line-height:1.4; }
    

 #prizes .heading { padding-top: 30px; }


#prizes .price .right ul li { width:48%; margin:1%; }

 
    
}



@media only screen and (max-width:768px) {
    
.welcome .holder { display: block; }
.welcome .holder .left { width: 100%; float: none; padding:50px 0 0 0; margin: auto; }
.welcome .holder .right { width: 90%; max-width: none; float: none; margin:0 5%; padding: 0; }

.welcome .holder .left img.phone1 { position: relative;}    
.welcome .holder .right ul li a { margin-left: 120px; }
    

header ul li a {  font-size: 18px; }

#prizes { text-align: center; }   
#prizes .price .logo { margin: auto; }

    
#prizes .price .left{ width:100%;  }
#prizes .price .right { width:100%; }
    

footer ul li a { font-size:12px; letter-spacing:0px; }


    
}





 /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
@media (max-width:641px) {

    
.welcome .intro span { font-size:30px; letter-spacing: 1px;}
.welcome .intro span strong {font-size: 35px; letter-spacing: 0;}
.welcome .intro p { font-size:14px; }

.welcome .holder .right ul li a { margin-left: 0px; }
    


#how .left { width:100%; float: none; }
#how .right { width:100%; float: none;  padding-bottom: 30px; }
#how img {padding-top: 0%;}
    
#prizes .heading h3 { font-size:40px; line-height: 1.2; }
#prizes .price h6 { font-size:40px; line-height: 1.2; }
#winners .heading h3 { font-size:40px; line-height: 1.2; }
    
#winners ul li { width:31%; height:170px; margin:1.033%; }



.welcome .logo {
	max-width:none; width: 50%; left: 25%; top: 20px;
}

}



@media only screen and (max-width:580px) {
    
    header ul li  { margin: 0; }
    header ul li a {  font-size: 16px; letter-spacing: 0; }
}



 /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ 
@media (max-width:481px) {



}


@media only screen and (max-width:400px {
	
	
	
}



@media only screen and (max-width:350px) {
	
}





 /* smartphones, iPhone, portrait 480x320 phones */ 
@media (max-width:320px) {


	
}