.layout {
  width: 100%;
  max-width:1300px;
  margin: 0 auto;
  gap: 0px;
  overflow-x: hidden
}

.header {
	background-size: auto;
	background-position: center center;
	background-color: #D8D8C5;
	background-image: url('../images/bghead.png');
	height: 200px;
	width: 100%;
	background-repeat: no-repeat;
}

.nav { 
height:35px;
	background: #009999;

}

.colxx { 
display:inline-block;
width:110px;
padding-right:15px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;


}




.main {
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	width:99%;
	display:inline-block;
}


.mytable {
    border-spacing: 30px;
	width:100%;
	
}

.cont1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	width:25%;
	height:auto;
	display:inline-block;
	vertical-align: top;

}
.cont2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	width:65%;
	height:auto;
	display:inline-block;
	vertical-align: top;
	padding-left: 20px;

}


.footer {
	background-position: center top;
	width: 100%;
	height: 200px;
	background-color: #D8D8C5;
	background-image: url('../images/footbg.png');
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 10px;
    }

img.simple {
	width: 700px;
	height: 600px;
	float:left;
}


img.headerimg {
	width: 548px;
	height: 200px;
	float:left;
}

img.floatpotato {
width:100%; 
height:auto;
padding-bottom:10px;
padding-right:10px;
max-width: 300px;
}

img.floattomato {
width:300px; 
height:auto;
padding-bottom:10px;
padding-right:10px;
max-width: 300px;
}


@media screen and (max-width: 700px){
img.headerimg {
	width: 400px;
	height: 146px;
	padding-top:30px;
}


.cont1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	width:100%;
	height:auto;
	display:inline-block;
	vertical-align: top;

}

img.floatpotato {
width:100%; 
height:auto;
padding-bottom:10px;
padding-right:10px;
max-width: 300px;
}

img.simple {
	width: 100%;
	height: auto;
}


}