@media (min-width:320px) { 

/* SMARTPHONE */

.container{
	box-sizing: border-box;
	height:auto;
	margin: 0 auto;	
	max-width: 90%;
	overflow: auto;
	width: auto;
}

.row{
	width: 100%;
	height: auto;
	overflow:auto;
}	

.col-group-1{
	width: 100%;
	float: left;
	box-sizing: border-box;	
}

.col-group-2{
	width: 100%;
	float: left;
	box-sizing: border-box;	
}

.col-group-3{
	width: 100%;
	float: left;
	box-sizing: border-box;	
}

.col-group-5{
	width: 100%;
	float: left;
	box-sizing: border-box;	
}

.col-group-6{
	width: 50%;
	float: left;
	box-sizing: border-box;	
}

.col-group-7{
	width: 50%;
	float: left;
	box-sizing: border-box;	
}

.col-group-8{
	width: 50%;
	float: left;
	box-sizing: border-box;	
}

.col-group-9{
	width: 50%;
	float: left;
	box-sizing: border-box;	
}

.col-group-10{
	width: 50%;
	float: left;
	box-sizing: border-box;	
}

.col-group-11{
	width: 50%;
	float: left;
	box-sizing: border-box;	
}

.col-group-12{
	width: 50%;
	float: left;
	box-sizing: border-box;	
}

.col-group-twentyfive{
	width: 100%;
	float: left;
	box-sizing: border-box;	
}

.col-group-thirty{
	width: 100%;
	float: left;
	box-sizing: border-box;
}

.col-group-thirtyfive{
	width: 100%;
	float: left;
	box-sizing: border-box;
}

.col-group-forty{
	width: 100%;
	float: left;
	box-sizing: border-box;
}

.col-group-sixty{
	width: 100%;
	float: left;
	box-sizing: border-box;
}

.col-group-sixtyfive{
	width: 100%;
	float: left;
	box-sizing: border-box;
}

.col-group-seventy{
	width: 100%;
	float: left;
	box-sizing: border-box;
}

.col-group-seventyfive{
	width: 100%;
	float: left;
	box-sizing: border-box;	
}

.col-group-eighty{
	width: 100%;
	float: left;
	box-sizing: border-box;
}

.col-group-ninety{
	width: 100%;
	float: left;
	box-sizing: border-box;
}

}

@media (min-width:481px) {

/* PHABLETS */	

.container {
	width: auto;
	max-width: 90%;
	margin: 0 auto;
	height:auto;
	overflow: auto;	
}

.row{
	width: 100%;
	height: auto;
	overflow:auto;
} 

.col-group-1{
	width: 100%;
	float: left;
	box-sizing: border-box;	
}

.col-group-2{
	width: 100%;
	float: left;
	box-sizing: border-box;	
}

.col-group-3{
	width: 100%;
	float: left;
	box-sizing: border-box;	
}

.col-group-5{
	width: 100%;
	float: left;
	box-sizing: border-box;	
}

.col-group-6{
	width: 100%;
	float: left;
	box-sizing: border-box;	
}

.col-group-7{
	width: 100%;
	float: left;
	box-sizing: border-box;	
}

.col-group-8{
	width: 100%;
	float: left;
	box-sizing: border-box;	
}

.col-group-9{
	width: 100%;
	float: left;
	box-sizing: border-box;	
}

.col-group-10{
	width: 100%;
	float: left;
	box-sizing: border-box;	
}

.col-group-11{
	width: 100%;
	float: left;
	box-sizing: border-box;	
}

.col-group-12{
	width: 100%;
	float: left;
	box-sizing: border-box;	
}

.col-group-twentyfive{
	width: 100%;
	float: left;
	box-sizing: border-box;	
}

.col-group-thirty{
	width: 100%;
	float: left;
	box-sizing: border-box;
}

.col-group-thirtyfive{
	width: 100%;
	float: left;
	box-sizing: border-box;
}

.col-group-forty{
	width: 100%;
	float: left;
	box-sizing: border-box;
}

.col-group-sixty{
	width: 100%;
	float: left;
	box-sizing: border-box;
}

.col-group-sixtyfive{
	width: 100%;
	float: left;
	box-sizing: border-box;
}

.col-group-seventy{
	width: 100%;
	float: left;
	box-sizing: border-box;
}

.col-group-seventyfive{
	width: 100%;
	float: left;
	box-sizing: border-box;	
}

.col-group-eighty{
	width: 100%;
	float: left;
	box-sizing: border-box;
}

.col-group-ninety{
	width: 100%;
	float: left;
	box-sizing: border-box;
}

}

@media (min-width:641px) { 

/* PORTRAIT IPAD */

.container {
	width: auto;
	max-width: 90%;
	margin: 0 auto;
	height:auto;
	overflow: auto;	
}

.row{
	width: 100%;
	height: auto;
	overflow:auto;
} 

.col-group-1{
	width: 100%;
	float: left;
	box-sizing: border-box;	
}

.col-group-2{
	width: 50%;
	float: left;
	box-sizing: border-box;	
}

.col-group-3{
	width: 33.33333%;
	float: left;
	box-sizing: border-box;	
}

.col-group-5{
	width: 20%;
	float: left;
	box-sizing: border-box;	
}

.col-group-6{
	width: 16.66666%;
	float: left;
	box-sizing: border-box;	
}

.col-group-7{
	width: 14.28%;
	float: left;
	box-sizing: border-box;	
}

.col-group-8{
	width: 12.5%;
	float: left;
	box-sizing: border-box;	
}

.col-group-9{
	width: 11.11%;
	float: left;
	box-sizing: border-box;	
}

.col-group-10{
	width: 10%;
	float: left;
	box-sizing: border-box;	
}

.col-group-11{
	width: 9.09%;
	float: left;
	box-sizing: border-box;	
}

.col-group-12{
	width: 8.333%;
	float: left;
	box-sizing: border-box;	
}

.col-group-twentyfive{
	width: 25%;
	float: left;
	box-sizing: border-box;	
}

.col-group-thirty{
	width: 30%;
	float: left;
	box-sizing: border-box;
}

.col-group-thirtyfive{
	width: 35%;
	float: left;
	box-sizing: border-box;
}

.col-group-forty{
	width: 40%;
	float: left;
	box-sizing: border-box;
}

.col-group-sixty{
	width: 60%;
	float: left;
	box-sizing: border-box;
}

.col-group-sixtyfive{
	width: 65%;
	float: left;
	box-sizing: border-box;
}

.col-group-seventy{
	width: 70%;
	float: left;
	box-sizing: border-box;
}

.col-group-seventyfive{
	width: 75%;
	float: left;
	box-sizing: border-box;	
}

.col-group-eighty{
	width: 80%;
	float: left;
	box-sizing: border-box;
}

.col-group-ninety{
	width: 90%;
	float: left;
	box-sizing: border-box;
}

}

@media (min-width:961px) { 

/* LANDSCAPE IPAD */

.container {
	width: auto;
	max-width: 95%;
	margin: 0 auto;
	height:auto;
	overflow: auto;	
}

.row{
	width: 100%;
	height: auto;
	overflow:auto;
} 

.col-group-1{
	width: 100%;
	float: left;
	box-sizing: border-box;	
}

.col-group-2{
	width: 50%;
	float: left;
	box-sizing: border-box;	
}

.col-group-3{
	width: 33.33333%;
	float: left;
	box-sizing: border-box;	
}

.col-group-5{
	width: 20%;
	float: left;
	box-sizing: border-box;	
}

.col-group-6{
	width: 16.66666%;
	float: left;
	box-sizing: border-box;	
}

.col-group-7{
	width: 14.28%;
	float: left;
	box-sizing: border-box;	
}

.col-group-8{
	width: 12.5%;
	float: left;
	box-sizing: border-box;	
}

.col-group-9{
	width: 11.11%;
	float: left;
	box-sizing: border-box;	
}

.col-group-10{
	width: 10%;
	float: left;
	box-sizing: border-box;	
}

.col-group-11{
	width: 9.09%;
	float: left;
	box-sizing: border-box;	
}

.col-group-12{
	width: 8.333%;
	float: left;
	box-sizing: border-box;	
}

.col-group-twentyfive{
	width: 25%;
	float: left;
	box-sizing: border-box;	
}

.col-group-thirty{
	width: 30%;
	float: left;
	box-sizing: border-box;
}

.col-group-thirtyfive{
	width: 35%;
	float: left;
	box-sizing: border-box;
}

.col-group-forty{
	width: 40%;
	float: left;
	box-sizing: border-box;
}

.col-group-sixty{
	width: 60%;
	float: left;
	box-sizing: border-box;
}

.col-group-sixtyfive{
	width: 65%;
	float: left;
	box-sizing: border-box;
}

.col-group-seventy{
	width: 70%;
	float: left;
	box-sizing: border-box;
}

.col-group-seventyfive{
	width: 75%;
	float: left;
	box-sizing: border-box;	
}

.col-group-eighty{
	width: 80%;
	float: left;
	box-sizing: border-box;
}

.col-group-ninety{
	width: 90%;
	float: left;
	box-sizing: border-box;
}

}

@media (min-width: 1024px) { 

/* LAPTOP */

.container {
	width: auto;
	max-width: 95%;
	margin: 0 auto;
	height:auto;
	overflow: auto;	
}

.row{
	width: 100%;
	height: auto;
	overflow:auto;
} 

.col-group-1{
	width: 100%;
	float: left;
	box-sizing: border-box;	
}

.col-group-2{
	width: 50%;
	float: left;
	box-sizing: border-box;	
}

.col-group-3{
	width: 33.33333%;
	float: left;
	box-sizing: border-box;	
}

.col-group-5{
	width: 20%;
	float: left;
	box-sizing: border-box;	
}

.col-group-6{
	width: 16.66666%;
	float: left;
	box-sizing: border-box;	
}

.col-group-7{
	width: 14.28%;
	float: left;
	box-sizing: border-box;	
}

.col-group-8{
	width: 12.5%;
	float: left;
	box-sizing: border-box;	
}

.col-group-9{
	width: 11.11%;
	float: left;
	box-sizing: border-box;	
}

.col-group-10{
	width: 10%;
	float: left;
	box-sizing: border-box;	
}

.col-group-11{
	width: 9.09%;
	float: left;
	box-sizing: border-box;	
}

.col-group-12{
	width: 8.333%;
	float: left;
	box-sizing: border-box;	
}

.col-group-twentyfive{
	width: 25%;
	float: left;
	box-sizing: border-box;	
}

.col-group-thirty{
	width: 30%;
	float: left;
	box-sizing: border-box;
}

.col-group-thirtyfive{
	width: 35%;
	float: left;
	box-sizing: border-box;
}

.col-group-forty{
	width: 40%;
	float: left;
	box-sizing: border-box;
}

.col-group-sixty{
	width: 60%;
	float: left;
	box-sizing: border-box;
}

.col-group-sixtyfive{
	width: 65%;
	float: left;
	box-sizing: border-box;
}

.col-group-seventy{
	width: 70%;
	float: left;
	box-sizing: border-box;
}

.col-group-seventyfive{
	width: 75%;
	float: left;
	box-sizing: border-box;	
}

.col-group-eighty{
	width: 80%;
	float: left;
	box-sizing: border-box;
}

.col-group-ninety{
	width: 90%;
	float: left;
	box-sizing: border-box;
}

}

@media (min-width: 1280px) { 

/* HI-RES */

.container {
	width: 1200px;
	max-width: 95%;
	margin: 0 auto;
	height:auto;
	overflow: auto;	
}

.row{
	width: 100%;
	height: auto;
	overflow:auto;
} 

.col-group-1{
	width: 100%;
	float: left;
	box-sizing: border-box;	
}

.col-group-2{
	width: 50%;
	float: left;
	box-sizing: border-box;	
}

.col-group-3{
	width: 33.33333%;
	float: left;
	box-sizing: border-box;	
}

.col-group-5{
	width: 20%;
	float: left;
	box-sizing: border-box;	
}

.col-group-6{
	width: 16.66666%;
	float: left;
	box-sizing: border-box;	
}

.col-group-7{
	width: 14.28%;
	float: left;
	box-sizing: border-box;	
}

.col-group-8{
	width: 12.5%;
	float: left;
	box-sizing: border-box;	
}

.col-group-9{
	width: 11.11%;
	float: left;
	box-sizing: border-box;	
}

.col-group-10{
	width: 10%;
	float: left;
	box-sizing: border-box;	
}

.col-group-11{
	width: 9.09%;
	float: left;
	box-sizing: border-box;	
}

.col-group-12{
	width: 8.333%;
	float: left;
	box-sizing: border-box;	
}

.col-group-twentyfive{
	width: 25%;
	float: left;
	box-sizing: border-box;	
}

.col-group-thirty{
	width: 30%;
	float: left;
	box-sizing: border-box;
}

.col-group-thirtyfive{
	width: 35%;
	float: left;
	box-sizing: border-box;
}

.col-group-forty{
	width: 40%;
	float: left;
	box-sizing: border-box;
}

.col-group-sixty{
	width: 60%;
	float: left;
	box-sizing: border-box;
}

.col-group-sixtyfive{
	width: 65%;
	float: left;
	box-sizing: border-box;
}

.col-group-seventy{
	width: 70%;
	float: left;
	box-sizing: border-box;
}

.col-group-seventyfive{
	width: 75%;
	float: left;
	box-sizing: border-box;	
}

.col-group-eighty{
	width: 80%;
	float: left;
	box-sizing: border-box;
}

.col-group-ninety{
	width: 90%;
	float: left;
	box-sizing: border-box;
}

}

/* GENRERAL LAYOUT STYLES */

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

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

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

.stw-capital{
	text-transform: uppercase;
}