* {
	margin: 0;
	margin: 0;
	}

@media only screen and (max-width: 100px){
	/* body {background: orange;} */
}
@media only screen and (min-width: 101px){
	/* body {background: yellow;} */
	#wrapper{
		width: 75px;
	}
}
@media only screen and (min-width: 201px){
	/* body {background: blue;} */
	#wrapper{
		width: 175px;
	}
}
@media only screen and (min-width: 301px){
	/* body {background: grey;} */
	#wrapper{
		width: 275px;
	}
	a{
		font-size: 70%;
	}
	div.form{
		width: 264px;
		height: 400px;
		margin: 15px 0px 0px 0px;
	}
	span.con{
		width: 200px;
		text-align: center;
		font-weight: bold;
	}
	span.con1{
		width: 200px;
		font-weight: bold;
	}
}
@media only screen and (min-width: 401px){
	/* body {background: green;} */
	#wrapper{
		width: 375px;
	}
	img.pennyimg{
		float: left;
		height: 149px;
		width: 112px;
		margin: 0px 10px 0px 0px;
	}
	img.sealimg{
		width: 110px;
		margin: 0px 20px 0px 10px;
	}
	a{
		font-size: 100%;
	}
	div.form{
		width: 300px;
		height: 300px;
		margin: 15px 0px 0px 10px;
	}
	span.con{
		width: 115px;
		text-align: right;
		font-weight: unset;
	}
	span.con1{
		width: 115px;
		font-weight: unset;
	}
}
@media only screen and (min-width: 501px){
	/* body {background: pink;} */
	#wrapper{
		width: 475px;
	}
	p.texthead{
		font-size: 170%;
		margin: 0px 0px 10px 5px;
	}
	p.headspacer{
		height: 0px;
	}
	span.break{
		display: none;
	}
	img.pennyimg{
		height: 135px;
	}
	img.sealimg{
		width: 100px;
		margin: 0px 36px 0px 36px;
	}
	div.navmenu{
		display: none;
		width: auto;
		text-align: center;
		background-color: white;
		padding: 0px 0px 0px 0px;
		/* z-index: 10000; */
	}
	div.ddmenu{
		margin: 0px 10px 500px 10px;
		display: inline-block;
		width: auto;
		margin-left: 0;
		margin-right: 0;
		float: right;
		background-color: white;
	}
	
	div.menuitemh, div.menuitems, div.menuitemg, div.menuitemt, div.menuitemi, div.menuitemf, div.menuitemc{
		/* display: inline-block; */
		font-size: 200%;
		font-weight: bold;
		width: auto;
		padding: 0px 10px 0px 10px;
		margin: 1px 10px 0px 10px;
		color: #45484f;
		background-color: #008290;
		border-radius: 25px;
	}
	div.filler2{
		height: 0px;
	}
	img.srvimg{
	display: none;
	}
	img.srvimg1{
		display: block;
	}
/* 	img.imgleft{
		float: left;
		width: 32%;
		margin: 2px;
	}
	img.imgright{
		float: left;
		width: 32%;
		margin: 2px;
	}
	img.imgctr{
		float: left;
		margin: 2px;
		width: 32%;
	}
	p.morepix{
		display: none;
	}
	div.mainpix{
		margin: 0px 0px 0px 20px;
	}
	div.morephotos{
		display: block;
		margin: 0px 0px 0px 20px;
	} */
}
@media only screen and (min-width: 601px){
	#wrapper{
		width: 575px;
	}
	div.galsect{
		float: left;
		width: 273px;
		margin: 0px 2px 3px 4px;
		/* border: 1px ridge #008290; */
		border: 1px solid black;
		border-radius: 15px;
		/* background-color: white; */
	}
	div.main{
		float: left;
		width: 567px;
	}
}
@media only screen and (min-width: 701px){
	#wrapper{
		width: 675px;
	}
	div.menuitem1t, div.menuitemt{
		display: none;
	}
	div.main{
		float: left;
		width: 467px;
	}
	div.galsect{
		width: 467px;
		margin: 0px 0px 3px 0px;
	}
	div.mainl{
		display: block;
		float: left;
		width: 195px;
		margin: 0px 0px 0px 5px;
	}
	div.mainl>p.title{
		display: none;
	}
	div.mainl>p.title1{
		display: block;
		font-size: 150%;
	}
	div.mainl>div.testsect>div.testint>p.text{
		font-size: 130%;
	}
	div.mainl>div.testsect>div.testint>p.head{
		font-size: 150%;
	}
	div.mainl>div.testsect{
		border: 1px solid black;
		margin: 5px;
		border-radius: 15px;
	}
	span.seemore{
		display: none;
		color: #008290;
	}
	span.seemore1{
		display: block;
		color: #008290;
		font-weight: bold;
	}
	p.seeless{
		display: none;
	}
	p.seeless1{
		display: block;
	}
}

@media only screen and (min-width: 801px){
	#wrapper{
		width: 775px;
	}
	div.mainl{
		width: 195px;
	}
	div.main{
		float: left;
		width: 567px;
	}	
	div.galsect{
		width: 566px;
	}
	div.topmenu{
		width: 460px;
		padding: 90px 0px 0px 0px;
		display: block;
	}
	img.menu{
		display: none;
	}
	img.logo{
		width: 300px;
	}
	div.header{
		height: 145px;
	}
	div.filler{
	height: 145px;
	}
	div.copyright1{
		margin: 0px 0px 0px 90px;
	}
}
@media only screen and (min-width: 901px){
	#wrapper{
		width: 875px;
	}
 	img.logo{
		margin: 0px 0px 0px 30px;
	}
	div.topmenu{
		margin: 0px 30px 0px 0px;
	}
	div.galsect{
		float: left;
		width: 325px;
		margin: 0px 2px 3px 4px;
	}
	div.header{
		left: unset;
		width: 875px;
		margin-left: auto;
		margin-right: auto;
		border-radius: 0px 0px 8px 8px;
		/* width: 875px; */
		/* padding: 0px 30px 0px 30px; */
	}
	div.mainl{
		width: 195px;
	}
	div.main{
		float: left;
		width: 667px;
	}
	div.copyright1{
		margin: 0px 0px 0px 135px;
	}
}
@media only screen and (min-width: 1001px){
	#wrapper{
		width: 975px;
	}
	div.header{
		width: 975px;
	}
	div.mainl{
		width: 195px;
	}
	div.main{
		width: 767px;
	}
	div.galsect{
		width: 375px;
	}
	img.logo{
		margin: 0px 0px 0px 60px;
	}
	div.topmenu{
		margin: 0px 60px 0px 0px;
	}
	div.copyright1{
		margin: 0px 0px 0px 180px;
	}
}
@media only screen and (min-width: 1101px){
	#wrapper{
		width: 1075px;
	}
	div.header{
		width: 1075px;
	}
	div.mainl{
		width: 195px;
	}
	div.main{
		width: 867px;
	}
	img.logo{
		margin: 0px 0px 0px 90px;
	}
	div.topmenu{
		margin: 0px 90px 0px 0px;
	}
	div.galsect{
		width: 424px;
	}
	div.footer{
		right: unset;
		width: 1075px;
		margin-left: auto;
		margin-right: auto;
	}
}