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

/******** MEDIA SCREEN QUERIES **********/
/******** MEDIA SCREEN QUERIES **********/

@media screen and (max-width: 1664px) and (min-width: 2px){
/********  Custom media query for some elements inlcuding .Portrait  *********/
	
	.imageCol {
		float: left;
	}
	
	.quarterCol {
		width: 100%;
	}
	
	.threeQuarterCol {
		width: 100%;
	}
}


@media screen and (max-width: 1440px) and (min-width: 2px){
/******** from 2px up to laptop larger 1440 *********/

	/******** MY UNIVERSAL SELECTORS CODE CSS CODE START *********/
	h1, h2 {
		font-size: 1.5em;
		line-height: 1.15em;
		text-align: center;
	}

	h3 {
		font-size: 1.25em;
		line-height: 1.25em;
		text-align: center;
	}

	p {
		font-size: 0.875em;
		line-height: 1.5em;
		text-align: justify;
	}

	strong {

	}

	blockquote {

	}

	ul {

	}

	li {
		font-size: 0.875em;
		text-align: center;
	}

	a {

	}

	
	/******** content CSS Code Start *********/
	.imageCol {
 	  	min-width: 12.5em;
		float: left;
	}
	
	.quarterCol {
		width: 100%;
	}
	
	.thirdCol{
		width: 50%;
	}

	
	.threeQuarterCol {
		width: 100%;
	}

	.clickHere {
		float: right;
		text-align: right;
	}
		
	.iconLinksArea {
		text-align: center;

	}
}


@media screen and (max-width: 1024px) and (min-width:2px){
/******** laptop 1024 *********/
	
	/******** content CSS Code Start *********/
	.clickHere {
		float: none;
		text-align: center;
	}

	.thirdCol {
		width: 100%;
		margin: 0 auto;
		float: left;
		clear: both;
	}
}

@media screen and (max-width: 768px) and (min-width:2px){
/******** laptop 1024 *********/
	
	/******** NAV CSS Code Start *********/

/*	#contentNavCont {
		width: 26em;
		padding: 0.65em 0em 0em 0em;
	}
	
	#contentNav ul {
		font-size: 88%;
	}
*/
}