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

/* iPads (portrait and landscape) ---- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {

ul.pxs_slider li div.contain {
	max-width: 93%;
	height: auto;
}

/* main tagline */
ul.pxs_slider li div.contain h1 {
	width: auto !important;
	text-align: center;
	font-size: 4.8em;
}


ul.pxs_slider li div.tagline {
	padding-top: 3%;
}
ul.pxs_slider li div.tagline h1 {	
	float: none;
}

ul.pxs_slider li div.contain p {
font-size: 1.2em;
text-shadow: 0px 4px 6px #000;
}

#Container .mix {
	width: 32%;
}


ul.pxs_slider li div.contain .head-contain h2 {
	font-size: 1.8em;
}




ul.pxs_slider li div.contain .head-contain .controls {
	margin-top: 12px;
}



ul.pxs_slider li div.contain .head-contain .controls button {
    font-size: .8em !important;
}


div.container div.mix > a,
div.container div.mix > a span,
div.container div.mix > a div.mask-web, 
div.container div.mix > a div.mask-graphic {
	width: 100%;
	height: auto;
}

div.container div.mix > a div.mask-web p:first-child, 
div.container div.mix > a div.mask-graphic p:first-child {
	font-size: 1em;
}

div.container div.mix > a div.mask-web p, 
div.container div.mix > a div.mask-graphic p {

	margin-top: 40%;
}

div.container div.mix > a div.mask-web p:nth-child(2) {
	font-size: 10px !important;
}

div.container div.mix > a div.mask-web div.thumb-divider, div.container div.mix > a div.mask-graphic div.thumb-divider {
	width: 80%;
	height: 2px;
	margin-left: 10%;
	margin-top: 3%;
	margin-bottom: 2%;
}

div.container div.category-2 > a div.mask-logo  {
	width: 100%;
	height: auto;
}


div.container div.category-2 > a div.mask-logo p {
	display: none;
	font-size: 1em !important;
	
	}

ul#skilllist li {
	width: 50%;
}


}