@charset "UTF-8";

/* CSS Document */
body {background-image:url(../img/bg-green.jpg); background-repeat:repeat;}

.top-top {background-color:#464646; text-align:center;}

.top-top img {padding-top:20px; padding-bottom:20px; display:inline-block; text-align:center; max-width:100%; height:auto;}

h1 {font-family: 'Fira Sans', serif; font-weight:700; font-size:60px;}

h2 {font-family: 'Fira Sans', serif; font-weight:700; color:#535252; font-size:34px; padding-top:18px; padding-bottom:20px;}

strong {color:#1D920D;}

h3 {font-family: 'Fira Sans', serif; font-weight:700; font-size:24px; padding-top:16px; padding-bottom:14px; color:#1D920D; text-align:center;}

h4 {font-family: 'Fira Sans', serif; font-weight:700; font-size:20px; padding-top:16px; padding-bottom:14px; color:#1D920D;}

h5 {font-family: 'Fira Sans', serif; font-weight:700; font-size:18px; padding-top:16px; padding-bottom:14px; color:#1D920D;}

p, ol, ul {font-family: 'Open Sans', sans-serif; font-size:18px; line-height:26px;}

p, ol, ul, li {margin-bottom:22px;}

ul li strong {color:#1D920D}

a:link {font-weight:400; color:#1D920D; text-decoration:underline;}
a:visited {color:#1D920D; font-weight:700; text-decoration:underline;}
a:hover {color:#1D920D; text-decoration:none;}

.title {text-align:center; color:#FFFFFF; background-color:#5bac41; padding-bottom:0px; padding-top:60px;}

.title-two {background-image:url(../img/bg-green.jpg); background-repeat:repeat;padding-top:40px; padding-bottom:40px; color:#fff; margin-bottom:40px;}

.red-box {text-align:center; color:#FFFFFF; font-weight:700; background-color:red; padding:20px;}

.container.text {background-image:url(../img/content-bg.jpg); background-repeat:repeat; padding-top:20px;}

.container.text-1 {background-image:url(../img/content-bg.jpg); background-repeat:repeat; padding-top:20px; padding-bottom:60px;}

.cta {text-align:center; color:#1D920D; font-weight:700; background-color:#F1F1F1; padding:20px; border:solid 10px #1D920D;} 

h3 img {margin-bottom:24px; text-align:center;}

.intro p {font-size:20px; margin-top:25px; text-align:center;}

.intro ul {text-align:center; padding-left:0px;}

.bottom-bottom {margin-top:100px; background-color:#464646; text-align:center;}

.bottom-bottom img {height:auto; padding-top:20px; padding-bottom:20px; display:inline-block; max-width:100%; float:left;}

.bottom-bottom p {color:#FFFFFF; padding-top:40px; font-size:30px; float:right;}

.bottom-bottom a:link {color:#FFFFFF;}
.bottom-bottom a:hover {color:#FFFFFF;}
.bottom-bottom a:visited {color:#FFFFFF;}

.how-to h4 {text-align:center; font-size:24px; text-decoration:underline; color:#464646;}

.contents a:link {color:464646; text-decoration:none;}
.contents ul {padding-left:0px; margin-top:40px;}

.contents ul li {width:100%; background-color:#464646; font-weight:700; font-family: 'Fira Sans', serif; list-style-type:none; text-align:left; color:#fff; border:2px dotted #fff;}

.contents .number {padding:20px; padding-left:30px; padding-right:30px; background-color:#fff; color:#464646; display:inline-block; text-align:center; margin-right:30px;}

.img-circle {border-radius:50%; border:solid 5px #464646; display:inline-block; margin-top:30px;}

.img-large {margin-bottom:30px; margin-top:30px; border:solid 5px #464646; width:100%; height:auto;}

.img-half-1 {margin-bottom:30px; border:solid 5px #464646; border-right:dashed 2px #6D6A6A;}
.img-half-2 {margin-bottom:30px; border:solid 5px #464646; border-left:none;}

.img-half-1.img-responsive, .img-half-2.img-responsive {height:250px;}

.img-rounded {margin-top:30px; margin-bottom:30px; border:solid 5px #464646; width:80%; height:auto; border-radius:10%; display:inline-block;}

.img-credit {background-color:#EEEEEE; color:#000000; margin-top:-40px;}

.img-circle-1 {border-radius:50%; border:solid 5px #464646; display:inline-block; margin:30px -100px 30px 30px; float:right;}



@media (max-width: 1200px) {
    
}





@media (max-width: 992px) {
	

	
	h1 {font-size:50px;}
	

}
@media (max-width: 767px) {
	
	.title {padding-top:20px;}
	
	.img-circle-1 {margin:0px; margin-top:30px; float:none !important;}
	
	.intro ul {padding-left:0px;}
	
	.header-img {height:150px; width:300px;}
	
	.container-fluid {padding-left:0px; padding-right:0px; padding-bottom:10px;}

	h1 {font-size:34px;}
	
	h2 {font-size:28px; padding-top:0px; padding-bottom:10px; text-align:center;} 
	
	h3 {font-size:24px;}

.contents .number {padding:10px; padding-left:15px; padding-right:15px; margin-right:15px;}

.contents ul li {font-size:15px;}

.bottom-bottom {margin-top:0px;}
.bottom-bottom img {float:none; padding-top:20px; padding-bottom:0px;}
.bottom-bottom p {float:none; padding:0px;}

.right-rock {text-align:center;}