/* CSS Document */
/******* col1 ********/		
.col1 {
	order: -1;
	max-width: 48%;
	background-color: rgba(0,0,0,0.8);
	border-style: none;
	margin-left: 2%;
	padding-top: 10px;
	padding-right: 4%;
	padding-bottom: 10px;
	padding-left: 4%;
    }
			
.col3 {
	order: 1;
	width: 40%;
	padding-top: 10px;
	padding-right: 2%;
	padding-bottom: 10px;
	padding-left: 2%;
	border: 1px;
	border-style: solid;
	border-color: rgba(153,153,153,1);
	margin-left: 3%;
	background-color: rgba(0,0,0,0.3);
    }
.col4 {
	order: 1;
	width: 40%;
	padding-top: 10px;
	padding-right: 2%;
	padding-bottom: 10px;
	padding-left: 2%;
	border: 1px;
	border-style: solid;
	border-color: rgba(153,153,153,1);
	margin-left: 15%;
	background-color: rgba(0,0,0,0.3);
    }			



.best {
	order: -2;
	margin-top: 30px;
	font-size: 1.8em;
	color: rgba(255,0,0,1);
	font-family: "Times New Roman", Times, serif;
	text-decoration: underline;
	word-spacing: 2em;
}

.little {
	font-size: 0.8em;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 767px){

.col3,.col4 {
	width: 100%;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	height: auto;
    border-style: none;
}
  

    

div.col1 {
	order:-1 ;
	 width: auto;
    border-style: none;
	}	



    
    
    
}