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

img.art {width:40%; margin:4.5%; padding:0.4%; border:3px solid #fff; }
.text-wrap {width:45%; margin-top:100px;}
.text-wrap h4 {margin:0; line-height: 1; font-size: 50pt;}
.right {float: right;}
.left {float: left;}
.text-wrap p {margin-bottom: 0; margin-top:0; padding-bottom:15px;}
p.summary {font-size:20pt;}
@media only screen and (max-width: 820px){
	.feature {padding-top: 25px;}
	img.art {margin-top:20px;} p.summary {font-size:15pt;}
	.text-wrap h4 {font-size:32pt; padding-top:15px;}
	.right,.left {float:none;}
	.text-wrap, img.art {width:90%; margin:auto; display: block;
}
}

section.flowers {     padding: 40px 0 40px 0;
    background-image: url(../images/bg/flower-layers.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    background-color: #011627;}
section.header {top: 0; border-bottom:2px solid #011627;}
section.symbol-sections {padding: 0 0 30px 0;}
.symbol-sections h3 {font-size:30pt; padding-top: 15px;}
.symbol-sections h4 {font-size:20pt; padding: 2px 0 10px 0; text-transform: uppercase;}
.symbol-wrap h5 {font-size:16pt; padding:0; border-bottom:1px solid #ffb238; text-align: center;}
h1,h2,h3,h4,h5 {margin: 0;}

h2, h3, h4, h5, p {padding-left: 15px;}
.center-maxed {text-align: center; }

h1 {text-align: center;
    font-size: 22pt;
    margin: 0;
    padding: 10px;
    border-bottom: 5px solid #f05d23;}

h2 {padding: 15px 0 0 15px;}

.symbol-wrap {   
    margin: 0px;
    min-height: 240px; border:2px solid #ffb238;
    padding: 31px;}

.symbol-wrap h3 {margin:0; padding: 0; font-size:20pt;}
.symbol-wrap p {margin:0; padding: 5px 0 0 0;}
.symbol-wrap img {width:40%; margin:0 auto 8px auto; display: block;}
.symbol-wrap i {font-size: 70pt;
    text-align: center;
    margin: auto;
    display: block;
    padding: 0 0 7px 0;
    line-height: 1;}
.before-footer h3 {font-size:56px; padding-top:70px; text-align: center; }
.before-footer h5 {font-size:133px; padding-bottom: 120px;  font-family: 'Amatic SC', cursive;
 line-height: 1; margin: 0; text-align: center;}


.flowers h3 {font-size:56px; padding-top:70px; text-align: center;}
.flowers h5 {font-size: 86pt;
    padding-bottom: 37px;
    padding-top: 41px;
    font-family: 'Homemade Apple', cursive;
    line-height: 1.4;
    margin: 76px 0 0 0;
    text-align: center;
    clear: both;}

.mid {margin: 0 5px 0 5px!important;}
.space-left {margin-left:12px!important;}


@media screen and (max-width: 1120px){
	.flowers h5 {font-size:78pt;}
	
}
	@media screen and (max-width: 820px){
	.before-footer h3,.flowers h3 {font-size:30px; padding-top: 10px; line-height: 1; }
	.before-footer h5 {font-size:100px; padding-top: 10px; padding-bottom:80px;}
	.flowers h5 {font-size:50pt; padding: 20px; line-height: 1.5; margin: 4px;}
	.mid {margin: 0!important;}
	.big-icon {width:36%;}	
	.space-left {margin-left:0px!important;}
	.symbol-wrap {margin: 20px!important;}
}

section.iframes { padding: 30px 0 30px 0;}
section.before-footer {     padding: 40px 0 40px 0;
    background-image: url(../images/bg/bg-mountains.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    background-color: #011627;}
section.top-section { padding: 30px 0 30px 0;  background-size: 80%; background-position: center bottom; background-repeat: no-repeat; 
}

@media only screen and (max-width: 820px){
	section.top-section { padding: 0px 0 30px 0; }
}
.text-section { display: block; padding: 20px 0 20px 0; text-align: center;}

.text-section h2 {    font-size: 70pt;
    margin: 0px 2px 0px 2px;
    padding: 0px 2px 0px 2px;
    text-transform: uppercase;
    line-height: 1;}
.text-section h3 {font-size:30pt; margin: 2px 2px 2px 2px; padding: 2px 2px 2px 2px; }
.text-section h4 {font-size:30pt; margin: 2px 2px 2px 2px; padding: 2px 2px 2px 2px; }
.text-section a.learn-more:link {   
	border: 2px solid #fff;
    text-decoration: none;
    margin: auto;
    display: block;
    padding: 14px 10px 15px 10px;
    width: 300px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.1em;}

@media only screen and (max-width: 820px){
.text-section h2 {    font-size: 40pt; }
.text-section h3 {font-size:20pt; margin: 2px 2px 2px 2px; padding: 2px 2px 2px 2px; }
.text-section h4 {font-size:20pt; margin: 2px 2px 2px 2px; padding: 2px 2px 2px 2px; }
}
section.content {background-repeat: no-repeat; background-position: bottom; background-size: 100%; padding: 12px 0 12px 0;}
.content-wrap{background-color:#fff;}
.content-wrap {margin: 10px 10px 10px 0; padding:0 0 20px 0;}
.column-wrap {margin:0px 0 10px 10px; padding:10px;}

@media only screen and (max-width: 820px){
.content-wrap {margin: 0px 10px 10px 10px;}
.column-wrap {margin: 0px 10px 10px 10px; padding:0;}

}


h2.YI {font-size:3em; padding: 7% 0 1% 0; color:#32374d; font-weight: lighter; text-shadow: 0 0 4px #fff; text-align: center;}
h4.CU {font-size:2em; color:#5e6a80; text-shadow: 0 0 4px #fff; font-weight: lighter; text-align: center;}
	
	.formcontainer input {width: 26%;
    padding: 2%;
    margin: .66%;}
.formcontainer textarea {width: 87%;
    padding: 2%;
    margin: 2% 0 0 5.9%;}
.formcontainer input[type=submit]{margin:1% 30% 5% 30%;}
.formcontainer p.disclaim {color:#fff; margin:2% 10% 0 10%;}
.top-row {    padding: 0% 0 0 3%;
    margin: 0;
    text-align: center;}
.formcontainer p.disclaim {
    color: #333;
    margin: 2% 10% 0 10%;
}