html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, nav ul, nav li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{ margin : 0; padding : 0; border : 0; font-size : 100%; font : inherit; vertical-align : baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display : block; }
ol, ul { list-style : none; margin : 0; padding : 0; }
blockquote, q { quotes : none; }
blockquote:before, blockquote:after, q:before, q:after { content : ''; content : none; }
table { border-collapse : collapse; border-spacing : 0; }
a { text-decoration : none; color : #f5f5dc; }
img { max-width : 100%; }
body { font-family : "Trebuchet MS", Arial, Helvetica, sans-serif; background : #a09070; }
.wrap { margin : 1% auto; width : 80%; background : #472313; border-radius : 7px; box-shadow : 0 0 20px rgba(0, 0, 0, 0.2) inset; padding : 0 1% 0 1%; }
.header-bg { background : #fff; padding : 20px; box-shadow : 0 12px 14px -14px rgb(155, 83, 35); }
.header { margin-top : 1%; }
.logo { float : left; margin-bottom : 6px; text-shadow : 1px 3px 3px #666; }
h1 { font-family : 'Tulpen One', cursive; font-size : 4em; }
h1 a { color : #A23034; }
span { color : rgb(170, 73, 9); }
.icons { margin-top : 1.8%; float : right; }
.table { margin : auto; width : 85%; padding : 50px; background : #fff; border : #776655 dotted 1px; margin-top : 20px; margin-bottom : 20px; border-radius : 5px; box-shadow : 0 0 15px rgba(0, 0, 0, 0.2) inset; }
.hgap { border : #776655 solid 2px; background-color : #edd; margin-top : 4px; margin-bottom : 4px; }
th { font-family : 'Tahoma', "Trebuchet MS", Arial, Helvetica, sans-serif; font-size : 1em; line-height : 1.5em; text-align : left; padding : 15px; background-color : #fdc !important ; }
td { font-family : 'Tahoma', "Trebuchet MS", Arial, Helvetica, sans-serif; font-size : 0.9em; line-height : 1.5em; padding : 5px; }
.red { font-size : 1em; line-height : 1.2em; color : #800; font-weight : bold; }
.fdc70 { margin : auto; font-size : 0.9em; line-height : 1.5em; color : #333; text-align : center; width : 70%; font-weight : bold;
border : black dotted 1px; background-color : #fdc !important ; padding : 20px; margin-top : 4px; margin-bottom : 12px; border-radius : 17px;
box-shadow : 0 0 40px rgba(0, 0, 0, 0.2) inset; padding-left : 20px; padding-right : 20px; padding-top : 25px; padding-bottom : 25px; }
.fdc40 { margin : auto; font-size : 0.9em; line-height : 1.5em; color : #333; text-align : center; width : 40%; font-weight : bold;
border : black dotted 1px; background-color : #fdc !important ; padding : 20px; margin-top : 4px; margin-bottom : 12px; border-radius : 17px;
box-shadow : 0 0 40px rgba(0, 0, 0, 0.2) inset; padding-left : 20px; padding-right : 20px; padding-top : 25px; padding-bottom : 25px; }
.formhead {
text-align : center;
color : #f0f0aa;
background : #800000;
border : #776655 double 4px;
width : 100%;
}
.formickle {
font-weight : bold;
padding-left : 5px;
padding-right : 5px;
border : #fff solid 1px;
text-align : center;
color : #fff;
background : #333;
}
.formsecurity {
font-size : 0.82em;
line-height : 1.8em;
margin-bottom : 4px;
margin-top : 10px;
color : #303030;
background : #cde;
padding : 3px;
border : black solid 1px;
text-align : center;
background : url('../form/omit.gif') #aa9988;
}
.ickle {
font-size : 0.9em;
line-height : 1.1em;
color : #3c331e;
text-align : left;
border : black solid 1px;
padding-top : 3px;
padding-bottom : 3px;
padding-left : 3px;
padding-right : 5px;
border-radius : 25px;
border : #222222 dotted 1px;
padding : 20px;
}
.box2 {
display : block;
font-size : 1em;
text-align : center;
margin-bottom : 10px;
width : 40%;
background : #eeeeee;
border : #000000 solid 1px;
}
.send {
font-size : 1em;
font-weight : bold;
padding : 8px;
margin-bottom : 4px;
font-family : arial, serif;
color : #fff;
background-color : #800;
text-align : center;
}
/* geoff */
/* my slider */
/*--- slider-css --*/
.slider {
position: relative;
}
.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0;}
.rslides li { position: absolute; display: none; width: 100%; left: 0; top: 0;}
.rslides li:first-child { position: relative; display: block; float: left;}
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0;}
.callbacks_tabs a:after {
content: "\f111";
font-size: 0;
visibility: hidden;
display: block;
/* height: 10px;*/
/* width: 130px;*/
/* display: inline-block;*/
/* background:#000;*/
}
.callbacks_here a:after{background:#FF5B61;}
.callbacks_tabs a{ visibility:hidden;}
.callbacks_tabs li{ display:inline-block;}
ul.callbacks_tabs.callbacks1_tabs {
position: absolute;
bottom: 14px;
z-index: 999;
right:9em;
}
/* end my slider */
.geoff { margin : auto; text-align : center; line-height : 2em; width : 100%;
color : #bba;
background : #472313; }
.porter { float : left; margin : 1% 0.5% 1% 0.5%; color : #555; width : 99%; }
.left49 { float : left; color : #555; width : 49.5%; margin : 0 0 0 0.5%; display : block; background : #ccbbaa; }
.right49 { float : right; color : #f55; margin : 0 0.5% 0 0; width : 49.5%; background : #ccbbaa; }
li.liz { color : #e4cd89; text-align : center; list-style : none; line-height : 24px; padding : 0; width : 100%; background : url(ccomm.gif) #472313; }
.service{background: #472313;}
.service li {
line-height : 1.8em; text-align : center; letter-spacing : -0.2px; color : #e4cd89; border-left : #000000 solid 1px;
background : inherit;
margin-bottom:1px; }
.service A { display : block; /*line-height : 26px; line-height : 2em;*/ color : #000000; text-align : center; text-decoration : none; border-left : #000000 solid 1px; background : url(button.png) #a09070;
border-radius : 7px; box-shadow : 0 0 20px rgba(0, 0, 0, 0.2) inset; margin-bottom:1px;
}
.service A:hover { display : block; color : #c0c0c0; background : #a09070;}
.liback { display : block; color : #000000; background : inherit; text-decoration : none; background : #d8d167; border-left : #000000 solid 1px; }
.lacc { display : block; color : #f5f5dc; font-weight : bold; border-top : 1px solid #403121; border-bottom : 1px solid #403121; border-left : 1px solid #743; background : url(accomm.gif); }
.lacc a { display : block; color : #333; text-align : center; background : #d8d167; }
.lacc a:hover { display : block; color : #a0a090; background-image : url(buttonb.png); }
.page_title { color : #e4cd89; font-size : 0.55em; letter-spacing : 1px; text-align : center; line-height : 22px; margin-top : 3px; }
.caption, h1 { font-family : "Trebuchet MS", Arial, Helvetica, sans-serif; font-size : 1.2em; text-shadow : 2px 2px 2px #000; line-height : 2em; text-align : center; color : #e4cd89; letter-spacing : 3px; margin-top : 0; margin-bottom : 20px; background : url(brown174a.jpg) #a68456; }
.information { float : left; padding-left : 3%; padding-right : 3%; padding-top : 1%; padding-bottom : 4%; width : 94%; font-size : 1em; color : #333; text-align : left; line-height : 1.2em; background : url('beige107.jpg') #a09070; border-radius : 7px; box-shadow : 0 0 20px rgba(0, 0, 0, 0.2) inset; }
.indexpage { float : right; padding-left : 1%; padding-top : 26px; margin-top:4px;
padding-bottom : 30px; width : 48%; font-family : arial, serif; font-size : 1.2em; letter-spacing : 2px; color : #472313; text-align : left; line-height : 20px;
background : url(brown174a.jpg) #a68456; border-radius : 7px; box-shadow : 0 0 20px rgba(0, 0, 0, 0.2) inset; }
.pc70 { margin : auto; width : 70%; margin-top : 5%; margin-bottom : 5%; text-align : center; background : #dca; font-size : 0.8em; color : #333; font-weight : bold; line-height : 1.5em; padding : 20px; border : #333 solid 1px; border-radius : 7px; box-shadow : 0 0 20px rgba(0, 0, 0, 0.2) inset; }
.pc80 { margin : auto; width : 80%; margin-top : 5%; margin-bottom : 5%; text-align : center; background : #dca; font-size : 0.8em; color : #333; font-weight : bold; line-height : 1.5em; padding : 20px; border : #333 solid 1px; border-radius : 7px; box-shadow : 0 0 20px rgba(0, 0, 0, 0.2) inset; }
.blue { font-size : 0.8em; color : #cdf; }
.fawn { font-size : 0.8em; color : #eed; }
.bolden { color : #000; font-weight : bold; }
.click { font-weight : bold; letter-spacing : 1px; text-align : center; color : #a00000; background : inherit; border-top : 1px solid #808050; border-bottom : 1px solid #808050; border-left : 1px solid #808050; border-right : 1px solid #808050; }
.click a { color : #a00; background : #ccb; text-decoration : none; }
.click a:hover { color : #000000; background : #eed; }
.click2 { margin : auto; font-size : 0.8em; font-weight : bold; text-align : center; color : inherit; background : inherit; }
.click2 a { display : block; color : #333; background : #eed; text-decoration : none; border : #808050 solid 2px; border-radius : 7px; box-shadow : 0 0 20px rgba(0, 0, 0, 0.2) inset; padding : 0 1% 0 1%; }
.click2 a:hover { color : #000000; background : #ddc; }
.statement {
font-family : arial, serif;
font-size : 11pt;
line-height : 14pt;
color : #000000;
text-align : center;
}
.statement A {
display : block;
font-size : 8pt;
color : #ffffff;
background : #5555ee;
font-weight : bold;
letter-spacing : 4px;
text-decoration : none;
border : #776655 solid 1px;
margin-top : 20px;
padding-top : 4px;
padding-bottom : 4px;
}
.statement A:hover {
color : #333333;
background : #55ee00;
text-decoration : none;
}
.brochure {
font-family : arial, serif;
font-size : 11pt;
line-height : 14pt;
color : #000000;
text-align : center;
}
.brochure A {
display : block;
font-size : 8pt;
color : #ffffff;
background : #55aa55;
font-weight : bold;
letter-spacing : 4px;
text-decoration : none;
border : #776655 solid 1px;
margin-top : 20px;
padding-top : 4px;
padding-bottom : 4px;
}
.brochure A:hover {
color : #333333;
background : #ee5500;
text-decoration : none;
}
.imageborder {
border : #776655 solid 1px;
margin-bottom : 10px;
margin-top : 10px;
}
.imageborder {
border : #776655 solid 1px;
}
.vimage {
padding-top : 0.5em;
}
.section {
clear : both;
padding : 0;
margin : 0;
}
.group:before, .group:after {
content : "";
display : table;
}
.group:after {
clear : both;
}
.col { display : block; float : left; /*background : url('beige107.jpg') #ddc;*/ }
.col:first-child { margin-left : 0; }
.col1:nth-child(1) { background : #A36346; }
.col2:nth-child(2) { background : #B35D60; }
.col3:nth-child(3) { background : #D89D5C; }
.span_1_of_3 { width : 33%; }
.span_1_of_3 h2 { color : #fff; margin-bottom : 0.5em; font-size : 1.5em; line-height : 1.2em; font-weight : normal; margin-top : 0;
letter-spacing : -1px; text-transform : capitalize; }
.span_1_of_3 p { font-size : 0.8125em; color : #eee; line-height : 1.8em; }
.btn, .btn1, .btn2 { cursor : pointer; margin : 10px auto; }
.btn { background : url('../images/circle.png') 0 0 no-repeat; width : 29px; height : 29px; }
.btn1 {
background : url('../images/circle1.png') 0 0 no-repeat;
width : 29px;
height : 29px;
}
.btn2 {
background : url('../images/circle2.png') 0 0 no-repeat;
width : 45px;
height : 45px;
}
.btn:hover, .btn1:hover, .btn2:hover {
background-position : 0 bottom;
}
.main {
margin : auto; color : #333; background : url('brown174a.jpg') #a68456; }
h3 {
padding-top : 20px;
text-align : center;
font-size : 1.5em;
text-transform : capitalize;
}
h3 a, h4 a {
color : #A23034;
}
.section {
clear : both;
padding : 0;
margin : 0;
}
.group:before, .group:after {
content : "";
display : table;
}
.group:after {
clear : both;
}
.images_1_of_3 img {
max-width : 100%;
display : block;
}
.images_1_of_3 h2 {
color : #C94848;
margin-top : 0.4em;
margin-bottom : 0.2em;
font-size : 1.2em;
font-weight : normal;
letter-spacing : -1px;
}
.images_1_of_3 p {
font-size : 0.8125em;
color : #555;
line-height : 1.8em;
}
.images_1_of_3 .button {
margin-top : 0.3em;
line-height : 1.9em;
}
.images_1_of_3 .button a {
font-size : 0.8em;
border : rgba(0, 0, 0, 0.1) solid 1px;
box-shadow : 0 1px 0 rgba(255, 255, 255, 0.7) inset;
background : #3f4040;
color : #fff;
text-shadow : 0 1px 0 rgba(0, 0, 0, 0.4);
box-shadow : 0 1px rgba(255, 255, 255, 0.2) inset, 0 2px 2px -1px rgba(0, 0, 0, 0.3);
border-radius : 3px;
}
.images_1_of_3 .button a:hover {
border : #303030 solid 1px;
background : #525252;
text-decoration : none;
}
.section {
clear : both;
padding : 0;
margin : 0;
}
.group:before, .group:after {
content : "";
display : table;
}
.group:after {
clear : both;
}
.span_1_of_4 {
width : 25%;
}
.span_1_of_4 h2 {
color : rgb(196, 82, 6);
margin-bottom : 0.5em;
font-size : 1.5em;
line-height : 1.2;
font-weight : normal;
margin-top : 0;
letter-spacing : -1px;
}
.span_1_of_4 p {
color : rgb(209, 136, 103);
line-height : 1.8em;
}
.nav1 li:before {
content : url('../images/arrow.png');
margin-right : 3%;
vertical-align : top;
}
.nav1 li a {
color : rgb(209, 136, 103);
line-height : 1.5em;
font-size : 0.9em;
}
.nav1 li a:hover {
color : rgb(238, 158, 121);
}
.form, table {
width : 100%;
}
.form span {
color : rgb(209, 136, 103);
line-height : 1.5em;
font-size : 0.9em;
}
.form input [type="text"] {
padding : 5px;
outline : none;
}
.form select {
border : rgb(253, 208, 167) solid 1px;
width : 48px;
margin-right : 4px;
outline : none;
}
.form input[type="text"] {
border : rgb(253, 208, 167) solid 1px;
width : 94.33%;
outline : none;
color : #555;
padding : 4px;
font-size : 0.8em;
}
.form td {
padding : 0 0 8px;
}
.footer {
margin-top : 10px;
padding : 10px 2px 2px 2px;
text-align : center;
clear : both;
font-size : 0.9em;
color : #f5f5dc;
}
.credit {
font-size : 0.8em;
color : #e4cd89;
text-align : center;
padding-top : 0;
padding-right : 5px;
padding-bottom : 6px;
padding-left : 0;
}
.top { margin-top : 3%; }
.image { clear : both; padding : 0; margin : 0; background : inherit; padding : 1.5%; }
.group:before, .group:after {
content : "";
display : table;
}
.group:after {
clear : both;
}
.grid {
display : block;
float : left;
margin : 0% 0 0% 1.6%;
}
.grid:first-child {
margin-left : 0;
}
.images_3_of_1 {
width : 30.2%;
}
.span_2_of_3 {
width : 66.67%;
background : inherit;
}
.images_3_of_1 img {
max-width : 100%;
display : block;
}
.span_2_of_3 h2 {
color : #C94848;
margin-bottom : 0.3em;
font-size : 1.5em;
font-weight : normal;
margin-top : 0;
letter-spacing : -1px;
}
.span_2_of_3 p {
font-size : 0.8125em;
color : #333;
line-height : 1.8em;
}
.span_2_of_3 .button {
margin-top : 0.3em;
line-height : 1.9em;
}
h4 {
padding : 20px 20px 0;
font-size : 1.5em;
text-transform : capitalize;
}
.section { clear : both; padding : 0; margin : 0; }
.group:before, .group:after {
content : "";
display : table;
}
.group:after {
clear : both;
}
.span_2_of_3 {
width : 66.67%;
}
.span_1_of_3 {
width : 33.33%;
}
.span_1_of_3 h2 {
color : #fff;
}
.span_2_of_3 h2, .contact_info h2, .company_address h2 {
color : rgb(196, 82, 6);
}
.span_2_of_3 h2, .span_1_of_3 h2 {
margin-bottom : 0.5em;
font-size : 1.5em;
line-height : 1.2;
font-family : MuseoSlab300, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
font-weight : normal;
margin-top : 0;
letter-spacing : -1px;
}
.contact-form {
position : relative;
}
.contact-form div {
padding : 5px 0;
}
.contact-form span {
display : block;
font-size : 0.8125em;
color : rgb(219, 150, 86);
padding-bottom : 5px;
font-family : verdana, arial, helvetica, helve, sans-serif;
}
.contact-form input[type="text"], .contact-form textarea {
padding : 8px;
margin-top : 8px;
display : block;
width : 92%;
background : #fcfcfc;
border : none;
outline : none;
color : #464646;
font-size : 0.8125em;
box-shadow : 0 0 2px rgb(250, 150, 41) inset;
}
.contact-form textarea {
resize : none;
height : 100px;
}
.contact-form input[type="submit"]:active {
background-color : #F7503D;
}
.company_address p {
color : rgb(219, 150, 86);
font-size : 0.8125em;
font-family : verdana, arial, helvetica, helve, sans-serif;
}
.company_address p span {
text-decoration : underline;
color : #555;
cursor : pointer;
}
.map {
border : #C7C7C7 solid 1px;
margin-bottom : 15px;
}
/* Screens Screens Screens Screens Screens Screens Screens Screens Screens Screens Screens */
@media only screen and (max-width:1080px) {
.wrap { margin : auto; width : 95%; }
}
@media only screen and (max-width:1024px) {
.wrap { margin : auto; width : 95%; }
}
@media only screen and (max-width:966px) {
.wrap { margin : auto; width : 95%; }
p.fawn {font-size:80%;} .indexpage, p {font-size:100%; line-height:135%;}
}
@media only screen and (max-width:800px) {
.wrap { margin:auto; width : 95%; }
.banner, .page_title {font-size : 60%; line-height:130%;}
p.fawn {font-size:95%;} .indexpage, p {font-size:110%; line-height:110%; padding:5px; width : 98%;}
.footer, .credit { font-size : 53%; }
.span_1_of_4 { width : 100%; }
}
@media only screen and (max-width:768px) {
.wrap { margin:auto; width : 96%; }
.banner, .page_title {font-size : 60%; line-height:130%;}
p.fawn {font-size:90%;} .indexpage, p {font-size:120%; line-height:110%; padding:5px; width : 98%;}
.footer, .credit { font-size : 53%; }
.span_1_of_4 { width : 100%; }
}
@media only screen and (max-width:753px) {
.wrap { margin:auto; width : 97%; }
.page_title {font-size : 60%; }
.indexpage { width : 98.5%; font-size : 150%; }
.fawn { font-size : 90%; }
.fawn .indexpage { line-height:100%; }
.span_2_of_3 { width : 94%; }
.span_1_of_3 { width : 94%; }
.span_1_of_4 { width : 50%; }
}
@media only screen and (max-width:736px) {
.wrap { margin:auto; width : 96%; }
.banner, .page_title {font-size : 60%; line-height:130%;}
p.fawn {font-size:100%;} .indexpage, p {font-size:120%; line-height:110%; padding:5px; width : 97.5%;}
.footer, .credit { font-size : 53%; }
.span_1_of_4 { width : 100%; }
}
@media only screen and (max-width:720px) {
.wrap { margin:auto; width : 96%; }
.image { padding : 3%; }
.page_title {font-size : 60%; }
.indexpage { width : 98.5%; font-size : 170%; height:240px;}
.fawn { font-size : 90%; }
.fawn .indexpage {line-height:100%;}
.footer .credit { font-size : 100%; }
.span_2_of_3 { width : 94%; }
.span_1_of_3 { width : 94%; }
.span_1_of_4 { width : 50%; }
}
@media only screen and (max-width:711px) {
.wrap { margin:auto; width : 96%; }
.banner, .page_title {font-size : 60%; line-height:130%;}
p.fawn {font-size:85%;} .indexpage, p {font-size:110%; line-height:110%; padding:5px; width : 98%;}
.footer, .credit { font-size : 53%; }
.span_1_of_4 { width : 100%; }
}
@media only screen and (max-width:667px) {
.wrap { margin:auto; width : 96%; }
.banner, .page_title {font-size : 60%; line-height:130%;}
p.fawn {font-size:90%;} .indexpage, p {font-size:110%; line-height:110%; padding:5px; width : 97.5%;}
.footer, .credit { font-size : 53%; }
.span_1_of_4 { width : 100%; }
}
@media only screen and (max-width:640px) {
.wrap { margin:auto; width : 96%; }
.banner, .page_title {font-size : 60%; line-height:130%;}
p.fawn {font-size:85%;} .indexpage, p {font-size:110%; line-height:110%; padding:5px; width : 97.5%;}
.footer, .credit { font-size : 53%; }
.span_1_of_4 { width : 100%; }
}
@media only screen and (max-width:607px) {
.wrap { margin:auto; width : 96%; }
.banner, .page_title {font-size : 60%; line-height:130%;}
p.fawn {font-size:85%;} .indexpage, p {margin:auto; font-size:110%; line-height:110%; padding:5px; width : 98%;}
.footer, .credit { font-size : 53%; }
.span_1_of_4 { width : 100%; }
}
@media only screen and (max-width:603px) {
.wrap { margin:auto; width : 96%; }
.banner, .page_title {font-size : 60%; line-height:130%;}
p.fawn {font-size:85%;} .indexpage, p {font-size:110%; line-height:110%; padding:5px; width : 98%;}
.footer, .credit { font-size : 53%; }
.span_1_of_4 { width : 100%; }
}
@media only screen and (max-width:600px) {
.wrap { margin:auto; width : 96%; }
.banner, .page_title {font-size : 60%; line-height:130%;}
p.fawn {font-size:80%;} .indexpage, p {font-size:100%; line-height:110%; padding:5px; width : 97.5%;}
.footer, .credit { font-size : 53%; }
.span_1_of_4 { width : 100%; }
}
@media only screen and (max-width:569px) {
.wrap { margin:auto; width : 97%; }
.page_title {font-size : 50%; }
.indexpage { width : 97.5%; line-height:100%; font-size : 110%; }
.fawn { font-size : 90%; }
.span_1_of_4 { width : 50%; }
}
@media only screen and (max-width:568px) {
.wrap { margin:auto; width : 96%; }
.banner, .page_title {font-size : 60%; line-height:130%;}
p.fawn {font-size:80%;} .indexpage, p {font-size:100%; line-height:110%; padding:5px; width : 97.5%;}
.footer, .credit { font-size : 53%; }
.span_1_of_4 { width : 100%; }
}
@media only screen and (max-width:533px) {
.wrap { margin:auto; width : 97%; }
.page_title {font-size : 50%; }
.indexpage { width : 98.5%; font-size : 120%; }
.fawn { font-size : 75%; }
.fawn .indexpage { line-height:100%; }
.span_1_of_4 { width : 50%; }
}
@media screen and (max-width:500px) {
header h1 { width : 246px; }
}
@media only screen and (max-width:480px) {
.wrap { margin:auto; width : 96%; }
.banner, .page_title {font-size : 60%; line-height:130%;}
p.fawn {font-size:80%;} .indexpage, p {font-size:100%; line-height:110%; padding:5px; width : 97%;}
.footer, .credit { font-size : 53%; }
.span_1_of_4 { width : 100%; }
}
@media only screen and (max-width:460px) {
.wrap { margin:auto; width : 96%; }
.banner, .page_title {font-size : 60%; line-height:130%;}
p.fawn {font-size:85%;} .indexpage, p {margin:auto; font-size:110%; line-height:110%; padding:5px; width : 97%;}
.footer, .credit { font-size : 53%; }
.span_1_of_4 { width : 100%; }
}
@media only screen and (max-width:427px) {
.wrap { margin:auto; width : 97%; }
.page_title {font-size : 50%; }
.indexpage { width : 97%; line-height:100%; font-size : 100%; }
.fawn { font-size : 55%; }
.span_1_of_4 { width : 100%; }
}
@media only screen and (max-width:424px) {
.wrap { margin : auto; width : 97%; }
.fawn, .page_title {font-size : 80%; padding:5px;}
.footer { font-size : 70%; }
.credit { font-size : 70%;}
.span_2_of_3 { width : 100%; }
.span_1_of_3 { width : 100%; }
.span_1_of_4 { width : 50%; }
}
@media only screen and (max-width:414px) {
.wrap { margin : auto; width : 97%; }
.page_title {font-size : 80%; padding:5px;}
.indexpage, p {font-size:100%; line-height:110%; padding:5px; width : 96%;}
.footer { font-size : 70%; }
.credit { font-size : 70%;}
.span_2_of_3 { width : 100%; }
.span_1_of_3 { width : 100%; }
.span_1_of_4 { width : 50%; }
}
@media only screen and (max-width:400px) {
.wrap { margin:auto; width : 97%; }
.page_title {font-size : 60%; }
.fawn, .indexpage { width : 97%; font-size : 95%; padding:5px;}
.footer, .credit { font-size : 60%; }
.span_1_of_4 { width : 50%; }
}
@media only screen and (max-width:384px) {
.wrap { margin:auto; width : 96%; }
.banner, .page_title {font-size : 60%; line-height:130%;}
p.fawn {font-size:80%;} .indexpage, p {font-size:100%; line-height:110%; padding:5px; width : 96%;}
.footer, .credit { font-size : 53%; }
.span_1_of_4 { width : 100%; }
}
@media only screen and (max-width:375px) {
.wrap { margin : auto; width : 97.5%; }
.page_title {font-size : 80%; padding:5px;}
.indexpage, p {font-size:100%; line-height:110%; padding:5px; width : 96%;}
.footer { font-size : 70%; }
.credit { font-size : 70%;}
.span_2_of_3 { width : 100%; }
.span_1_of_3 { width : 100%; }
.span_1_of_4 { width : 50%; }
}
@media only screen and (max-width:360px) {
.wrap { margin:auto; width : 96%; }
.banner, .page_title {font-size : 60%; line-height:130%;}
p.fawn {font-size:80%;} .indexpage, p {font-size:100%; line-height:110%; padding:5px; width : 96%;}
.footer, .credit { font-size : 53%; }
.span_1_of_4 { width : 100%; }
}
@media only screen and (max-width:320px) {
.wrap { margin:auto; width : 96%; }
.banner, .page_title {font-size : 60%; line-height:130%;}
p.fawn {font-size:80%;} .indexpage, p {font-size:100%; line-height:110%; padding:5px; width : 96%;}
.footer, .credit { font-size : 53%; }
.span_1_of_4 { width : 100%; }
}
@media only screen and (max-width:240px) {
.wrap { margin:auto; width : 97%; }
.banner, .page_title {font-size : 50%; line-height:100%;}
p.fawn {font-size:70%;} .indexpage, p {font-size:80%; line-height:110%; padding:5px; width : 94%;}
.credit, .footer { font-size : 65%; }
.span_1_of_4 { width : 100%; }
}