@charset "UTF-8";
/* CSS Document */

/* Desktops and laptops  */
@media only screen and (min-width : 961px ){
	
body {
	font-size:1em;
}

.container {
	width:85%;
	max-width:820px;
	margin:0 auto;
	position:relative;
}
	

.desktop {
	
}	

.tablet {
	display: none;
}
	
.mobile {
	display: none;
}
	

/* Column sizes */
	
	.col-70 {
		width: 70%;
		float: left;
	}
	
	.col-30 {
		width: 30%;
		float: left;
	}
	
	.col-20 {
		width: 20%;
		float: left;
	}
	
	.col-50 {
		width: 50%;
		float: left;
	}
	
	.col-60 {
		width: 60%;
		float: left;
	}
	
	.col-40 {
		width: 40%;
		float: left;
	}
	
		.col-70-dt {
		width: 64%;
		float: left;
		margin: 1.5%;
	}
	
	.col-30-dt {
		width: 31%;
		float: left;
		margin: 1%;
	}
	
		.col-100 {
		width: 100%;
		float: left;
	}
    
    
.x-logo {
    width: 120px;
}    
	
	
/* SLIDER TEXT */

	.slider-text {
		left:15%;
		right: 15%;
		bottom: 50%;
		font-size: 1.7em;
	}
	
	
	.slider-text-large {
		left:15%;
		right: 15%;
		bottom: 50%;
		font-size: 2.5em;
	}	
	
	
/* Navigation */
	
.menu-icon {
	font-size:35px;
	padding: 0;
	margin: 2px 0 0 0;
}
	
	
/* Slider */

.slider-border {
	border-bottom: solid;
	border-bottom-width: 10px;
}
	
	
	
	
	.width-60 {
		width: 60%;
	}

	.width-40 {
		width: 40%;
	}	
	
	.width-10 {
		width: 10%;
	}	
	
	.width-20 {
		width: 20%;
	}
	
	.width-30 {
		width: 30%;
	}
    
    
    
/* PROMO BANNERS */

.promo-banner {
    width: 50%;
}    
	
	

}