@media screen and (max-width: 980px), screen and (max-width: 700px) {

/*  page atts */

body {  background-color: #CDC6AC;}

html, body, * {padding:0px; margin:0px; }

html, body {height: 100%; }

/*  div tags  */

#colcon {  background-image: none;  background-position: center center;  background-repeat: no-repeat;  background-size: cover;
  background-color: #CDC6AC; display: flex;   flex-direction: row;   flex-wrap: wrap;    justify-content: center;    align-items: center; }

#colmiddle {	width:100%; margin-left:auto;	margin-right:auto; }

#col1 {display:none;}

#col1 img {padding-top:10px; }

#col2 {width:100%;  float:none;
margin-bottom:10px;}

#col3 {display:none;}

#col3 img {padding-top:10px; }


#container {margin-bottom:10px;margin-top:10px;	width:1000px; 	margin-right: auto;	margin-left: auto;	padding-bottom:10px;	padding-top:10px;}

#footer {display:none;}

#gallerybox {width:100%; margin-left:auto;	margin-right:auto; }



#homebody
{  border: none;

/* Location of the image */
  background-image: none;
  background-color: none;
  height:auto;
  display: inherit;


	}



#mainbody {	width: 100%;	margin-right: auto;	margin-left: auto;	margin-top:20px;}
#menu{	display:none;}
#menu img{display:none;}
#menumiddle {	display:none;	}
#menuright{display:none; }
#menuleft{display:none;}
#about-pagebanner {display:none;}

#profbox {width:100%; height:auto; margin-top:0px;   background:#CDC6AC;   background:rgba(255,255,255); padding-bottom:10px;}

#prof {margin-left:auto; margin-right:auto; width:auto; }


/*  classes */



/*  links */


#footer a:link { 	color: #ffffff;	text-decoration: none; width:100px; padding-right:10px;	font-family:verdana; }
#footer  a:visited {       color: #ffffff;    }
#footer a:hover{    color: #66ff66;}
#footer a:active{       color: #ffffff;    }

#menu a:link { 	color: #ffffff;	text-decoration: none; width:100px; font-size: 0.9em;  padding-right:10px;	font-family:verdana; }
#menu  a:visited {       color: #ffffff;    }
#menu a:hover{    color: #66ff66;}
#menu a:active{       color: #ffffff;    }

a:link { 	color: #336600;	text-decoration: none; }
a:visited {       color: #336600;    }
a:hover{    color: #66ff66;}
a:active{       color: #336600;    }

a:link { 	color: #336600;	text-decoration: none; }
a:visited {       color: #336600;    }
a:hover{    color: #336600; text-decoration:underline;}
a:active{       color: #336600;    }

*/

/*  fonts */

p {
	font-size: 1.4em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
}
H1 {
	font-size: 1.6em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
	font-weight: normal;
}

#gallerybox {font-family: Georgia, "Times New Roman", Times, serif;}
#footer p{font-size: 1.0em;	font-family: verdana;	color: #ffffff;	font-weight: normal; margin-top:40px;}
#menu a{ 	text-align: left; }
#menu H1 {	font-size: 1.0em;	font-family: verdana;	color: #ffffff;	font-weight: normal; margin-top:10px; margin-left:70px;}
#mainbod P{ 	text-align: left; padding:10px;}

#colcon p{font-size:1.4em; padding-left:10px; padding-right:10px;}
#colcon h1{padding-left:10px; padding-right:10px;padding-top:10px;}
#prof p{font-size:1.4em; padding-left:10px; padding-right:10px;}
#prof h1 { padding-top:10px; padding-left:10px; padding-right:10px;}
#gallerybox h1{margin-left:30px; padding-right:10px;padding-top:10px;}

/*  responsive */

#mobileheader, #mobilemenu, #mobilefooter {display:none;}

/* gallery here */
.celloutline {
	width: 300px;
	height:260px;
	float: none;
	margin-bottom: 10px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
border: solid #fff thin;

}

#gallerycontainer {
	width: 1000px;
	clear: none;
	overflow:hidden;
	float: left;
	text-align: center;
	margin-bottom: 20px;
	
}
.galleryImgWrapper {
	
	width: 300px;
	float: none;
	height: 200px;
	margin-right: 10px; overflow:hidden;
	
}
.galleryImgWrapper img {	padding: 10px; width:250px; height:auto;}

/*price table */
#pricetable{width:100%;}
.priceleft{width:70%; float:left; margin-top:10px;}
.priceright{width:30%; float:left;margin-top:10px;}
.itally{font-style: italic;}
.pricespace{clear:both;}

/*  responsive */

#mobileheader, #mobilefooter {display:block;}

#mobilemenu img {max-width:100%;}

#mobilefooter {height: 100px; margin-top:10px;}

/*mobile menu---------*/
#mobilemenu{display:block;   margin-bottom: 10px;	padding-left:10px; text-align: center;	padding-right:10px; background:#336600;}
#mobilemenu p{color:#ffffff;}
#linemenu {  display: block;  font-size:1.8em; ; padding-top:5px;    }
#nav p{text-align:center;}
#nav.js {display: none; }
#linemenu p {text-align:center; }
#mobilemenu ul {width:85%;list-style:none; display: inline-block;}
#mobilemenu li {width:90%;border-right:none; text-align:center;}
#mobilemenu a {font-size:1.8em;  }
#mobilemenu a {	color: #ffffff;	text-decoration: none;}
#mobilemenu a:link {	color: #ffffff;	text-decoration: none;}
#mobilemenu a:visited {	text-decoration: none;	color: #ffffff;}
#mobilemenu a:hover {	color: #D9B100;}
#mobilemenu a:active {	text-decoration: none;	color: #ffffff;}

#mobilefooter  p { text-align:center;
	
	font-size: 1.0em;
	font-weight: normal; padding-left:10px; padding-right:10px;
	color: #000000;
}

hr {
width: 100%;
margin-left: auto;
margin-right: auto;
height: 3px;
background-color:#999999;
color:#999999;
border: 0 none;
}}

@media screen and (-webkit-min-device-pixel-ratio: 3.0) and (max-width: 1080px), screen and (max-width: 480px){


/*  page atts */

body {  background-color: #CDC6AC;}

html, body, * {padding:0px; margin:0px; }

html, body {height: 100%; }

/*  div tags  */

#colcon {  background-image: none;  background-position: center center;  background-repeat: no-repeat;  background-size: cover;
  background-color: #CDC6AC; display: flex;   flex-direction: row;   flex-wrap: wrap;    justify-content: center;    align-items: center; }

#colmiddle {	width:100%; margin-left:auto;	margin-right:auto; }

#col1 {display:none;}

#col1 img {padding-top:10px; }

#col2 {width:100%;  float:none;
margin-bottom:10px;}

#col3 {display:none;}

#col3 img {padding-top:10px; }


#container {margin-bottom:10px;margin-top:10px;	width:1000px; 	margin-right: auto;	margin-left: auto;	padding-bottom:10px;	padding-top:10px;}

#footer {display:none;}

#gallerybox {width:100%; margin-left:auto;	margin-right:auto; }



#homebody
{  border: none;

/* Location of the image */
  background-image: none;
  background-color: none;
  height:auto;
  display: inherit;


	}



#mainbody {	width: 100%;	margin-right: auto;	margin-left: auto;	margin-top:20px;}
#menu{	display:none;}
#menu img{display:none;}
#menumiddle {	display:none;	}
#menuright{display:none; }
#menuleft{display:none;}
#about-pagebanner {display:none;}

#profbox {width:100%; height:auto; margin-top:0px;   background:#CDC6AC;   background:rgba(255,255,255); padding-bottom:10px;}

#prof {margin-left:auto; margin-right:auto; width:auto; }


/*  classes */



/*  links */


#footer a:link { 	color: #ffffff;	text-decoration: none; width:100px; padding-right:10px;	font-family:verdana; }
#footer  a:visited {       color: #ffffff;    }
#footer a:hover{    color: #66ff66;}
#footer a:active{       color: #ffffff;    }

#menu a:link { 	color: #ffffff;	text-decoration: none; width:100px; font-size: 0.9em;  padding-right:10px;	font-family:verdana; }
#menu  a:visited {       color: #ffffff;    }
#menu a:hover{    color: #66ff66;}
#menu a:active{       color: #ffffff;    }

a:link { 	color: #336600;	text-decoration: none; }
a:visited {       color: #336600;    }
a:hover{    color: #66ff66;}
a:active{       color: #336600;    }

a:link { 	color: #336600;	text-decoration: none; }
a:visited {       color: #336600;    }
a:hover{    color: #336600; text-decoration:underline;}
a:active{       color: #336600;    }

*/

/*  fonts */

p {
	font-size: 1.4em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
}
H1 {
	font-size: 1.6em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
	font-weight: normal;
}

#gallerybox {font-family: Georgia, "Times New Roman", Times, serif;}
#footer p{font-size: 1.0em;	font-family: verdana;	color: #ffffff;	font-weight: normal; margin-top:40px;}
#menu a{ 	text-align: left; }
#menu H1 {	font-size: 1.0em;	font-family: verdana;	color: #ffffff;	font-weight: normal; margin-top:10px; margin-left:70px;}
#mainbod P{ 	text-align: left; padding:10px;}

#colcon p{font-size:1.4em; padding-left:10px; padding-right:10px;}
#colcon h1{padding-left:10px; padding-right:10px;padding-top:10px;}
#prof p{font-size:1.4em; padding-left:10px; padding-right:10px;}
#prof h1 { padding-top:10px; padding-left:10px; padding-right:10px;}
#gallerybox h1{margin-left:30px; padding-right:10px;padding-top:10px;}

/*  responsive */

#mobileheader, #mobilemenu, #mobilefooter {display:none;}

/* gallery here */
.celloutline {
	width: 300px;
	height:260px;
	float: none;
	margin-bottom: 10px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
border: solid #fff thin;

}

#gallerycontainer {
	width: 1000px;
	clear: none;
	overflow:hidden;
	float: left;
	text-align: center;
	margin-bottom: 20px;
	
}
.galleryImgWrapper {
	
	width: 300px;
	float: none;
	height: 200px;
	margin-right: 10px; overflow:hidden;
	
}
.galleryImgWrapper img {	padding: 10px; width:250px; height:auto;}

/*price table */
#pricetable{width:100%;}
.priceleft{width:70%; float:left; margin-top:10px;}
.priceright{width:30%; float:left;margin-top:10px;}
.itally{font-style: italic;}
.pricespace{clear:both;}

/*  responsive */

#mobileheader, #mobilefooter {display:block;}

#mobilemenu img {max-width:100%;}

#mobilefooter {height: 100px; margin-top:10px;}

/*mobile menu---------*/
#mobilemenu{display:block;   margin-bottom: 10px;	padding-left:10px; text-align: center;	padding-right:10px; background:#336600;}
#mobilemenu p{color:#ffffff;}
#linemenu {  display: block;  font-size:1.8em; ; padding-top:5px;    }
#nav p{text-align:center;}
#nav.js {display: none; }
#linemenu p {text-align:center; }
#mobilemenu ul {width:85%;list-style:none; display: inline-block;}
#mobilemenu li {width:90%;border-right:none; text-align:center;}
#mobilemenu a {font-size:1.8em;  }
#mobilemenu a {	color: #ffffff;	text-decoration: none;}
#mobilemenu a:link {	color: #ffffff;	text-decoration: none;}
#mobilemenu a:visited {	text-decoration: none;	color: #ffffff;}
#mobilemenu a:hover {	color: #D9B100;}
#mobilemenu a:active {	text-decoration: none;	color: #ffffff;}

#mobilefooter  p { text-align:center;
	
	font-size: 1.0em;
	font-weight: normal; padding-left:10px; padding-right:10px;
	color: #000000;
}

hr {
width: 100%;
margin-left: auto;
margin-right: auto;
height: 3px;
background-color:#999999;
color:#999999;
border: 0 none;
}

}