/* #Tablet (Portrait)
================================================== */

    @media only screen and (min-width: 768px) and (max-width: 959px) {

	.content-col		{width:640px;padding:10px;}
	.content-col-in		{border:1px #ddd dashed;padding:10px 0;}
	#wrapper			{background-position: center center}
	.logo_top			{height:160px;padding:20px;}
	.logo_top img		{height:120px}


    }


/* #Mobile (Landscape)
================================================== */

    @media only screen and (min-width: 480px) and (max-width: 767px) {


	.content-col		{width:320px;padding:10px;}
	.content-col-in		{border:1px #ddd dashed;padding:10px 0;}
	.fourcol			{width:280px;display:block}
	.logo_top			{height:150px;padding:20px;}
	.logo_top img		{height:110px}	
	}
	

/* #Mobile (Portrait)
================================================== */

    @media only screen and (min-width: 320px) and (max-width: 479px) {

	.content-col		{width:300px;padding:10px;}
	.content-col-in		{border:1px #ddd dashed;padding:10px 0;}
	.fourcol			{width:260px;display:block}
	.logo_top			{height:130px;padding:15px;}
	.logo_top img		{height:100px}	

		
	}





/*  too small
================================================== */

    /* Note: Design for a width < 320px */
    @media only screen and (max-width: 319px) {
	
	.content-col		{width:100%;padding:0px;}
	.content-col-in		{border:1px #ddd dashed;padding:10px 0;}
	.fourcol			{width:100%;display:block}
	.logo_top			{height:auto;padding:10px}
	.logo_top img		{width:80%}
	
    }