@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 820px){
	.hide-on-small {display: none; }
}


@media screen and (min-width: 820px){
	.hide-on-full {display: none; }
}
.item,.menu {
border: 3px solid #fff;
    padding: 0 0 0% 0;
    margin: 0% 1% 2% 5%;
    box-shadow: 0px 0px 3px #333;
background-color: #eee;}
.item ul,.menu ul {list-style-type: none; margin:0; padding: 0;}
.item ul li,.menu ul li { border-bottom: 2px solid #fff ;}
.item ul li a:link,.menu ul li a:link {padding:3%; display: block; text-decoration: none; color:#232323; }
.item ul li a:visited,.menu ul li a:visited { color:#232323; }
.item ul li a:hover,.menu ul li a:hover {color:#1567a1; background-color:#fff; }



.item h3.header,.menu h3 {
	color:#fff!important;
	font-size: 1.4em;
	text-shadow: 0 0 2px #000;
    text-align: center;	
    margin: 0 0 2% 0;
    padding: 5.3%;
    border-bottom: 1px solid #fff;
	background-color: #2d3e50;

}

.item h3.header a:link {color:#fff; text-decoration: none;
}

.item h3.header a:visited {color:#fff;}
.item h3.header a:hover {color:#ddd;}
	
@media screen and (max-width: 820px){
	.item {margin: 2% 3% 2% 3%;

	}
	
	.item h3.header { font-size:1.7em; }

}



.quote-loop img {vertical-align: top; }
.quote-box { min-height: 360px;
	 text-align: center;
    padding: 0 1% 0% 1%;
    font-size: 18pt;
    width: 80%;
    margin: auto;
}
.quote-loop h3 {margin: 0; text-transform: uppercase; font-weight: 300; padding: 2% 0 0 0; font-size:2.33em; color:#2e4553;}
.quote-loop p {font-weight: 300;}
@media only screen and (max-width: 1200px){
	.quote-box {min-height: 450px;}
	.quote-loop h3 {font-size:2.02em;}
}


@media only screen and (max-width: 1050px){
	.quote-box { font-size:17pt;}
	
	.quote-loop h3 {font-size:1.8em;}
}

@media only screen and (max-width: 820px){
	.quote-box { font-size:16pt; min-height: 420px;}
	
	.quote-loop h3 {font-size:1.5em;}
	
	p.from1 img {width:140px; height: auto;}

}


@media only screen and (max-width: 700px){
	.quote-box { font-size:15pt; min-height: 440px;}
	section.reviews {background-size:75%;}
		p.from1 img {width:120px; }

}

@media only screen and (max-width: 630px){
	.quote-box { font-size:14pt; min-height: 440px;}
}


.quote-hide {
  display: none;
}