body {
	font-family: 'Open Sans', sans-serif;
	margin: 0px;
	font-size: 1em;
	overflow-x: hidden; /* Hide horizontal scrollbar */
}
#top {
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
}
#logo {
	text-align: center;
	margin: 0px;
	padding-top: 80px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#logo img {
	height: auto;
	width: 175px;
}
#logo2 {
	position: fixed;
	left: 4%;
	top: 10px;
	z-index: 3;
}
#title {
	color: #FFF;
	text-align: left;
	width: 90%;
	font-size: 1.2em;
	text-transform: uppercase;
	background-color: #6F9B2D;
	height: 40px;
	background-image: url(../images/globe.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 83px;
	padding-top: 20px;
	padding-left: 10%;
}
#links {
	width: 96%;
	text-align: right;
	position: fixed;
	padding-top: 35px;
	padding-bottom: 20px;
	top: 0px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
	background-color: #FFF;
	padding-right: 4%;
	z-index: 2;
}
#links ul {
	padding: 0;
	margin: 0;
	position: relative;
	list-style-type: none;
 }
#links ul li {
	display:inline-block;
	padding-right: 1%;
	padding-left: 1%;
}
#links a {
	display:block;
	font-size: 0.9em;
	color:#385821;
	text-decoration:none;
	padding-bottom:5px;
	padding-top: 5px;
	text-transform: uppercase;
	font-weight: bold;
}
#links a:hover {
	color: #222;
}
#links ul ul {
	display: none;
	position: absolute;
	top: 28px;
	background-color:#F2F2F2;
	border-radius: 0px 0px 6px 6px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 25px;
	padding-left: 5px;
}
#links ul li:hover > ul {
	display:block;
}
#links ul ul li{
	display:list-item;
	position: relative;
	float:none;
	padding-right: 12px;
	padding-left: 12px;
}
#links ul ul li a{
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;
}
#links li .smenu{
	margin-top:-5px;
}
#links ul ul li a:hover {
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#submenu {
	padding-left: 15%;
	background-color: #486D97;
	padding-bottom: 12px;
}
#submenu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#submenu ul li{
	display: inline-block;
	padding-right: 2%;
	padding-top: 12px;
}
#submenu ul li a{
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 0.9em;
}
#cell_links {
	margin-top: 0px;
	position: absolute;
	background-color:#567922;
	z-index:5;
	width: 100%;
	display:none;
	padding-bottom: 20px;
	padding-top: 20px;
	top:0px;
}
#cell_links ul {
	margin: 0;
	position: relative;
	list-style-type: none;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10%;
	padding-right: 0%;
	font-weight: normal;
	text-align: left;
}
#cell_links ul li {
	display: block;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-right: 1%;
	padding-left: 1%;
}
.section    {
	text-transform: uppercase;
	color: #FFF;
	font-size: 0.9em;
	width: 100px;
}
.campaign {
	margin-left: 20px;
}
.camp_sub {
	margin-left: 40px;
	margin-top: -10px;
}
#cell_links a {
	font-size: 0.9em;
	color:#FFF;
	letter-spacing: 0.1em;
	text-decoration:none;
	padding-bottom:5px;
	text-transform: uppercase;
}
.menu-shower {
  display: none;
}
.hamburger {
  display:none;
}
#details {
	text-align: left;
	width: 60%;
	margin-right: auto;
	margin-left: auto;
	color: #333;
	font-size: 1.1em;
	margin-top: 50px;
	margin-bottom: 75px;
}
#details h4 img {
	max-width:99%;
	height:auto;
}

#details p {
	line-height: 1.5em;
}
#details p a {
	text-decoration: none;
	color: #06C;
}
#details h1 {
	font-size: 1.4em;
	color: #4E6C20;
	margin-top: 0px;
	margin-bottom: 10px;
	text-transform: uppercase;
	text-align: center;
}
#details h2 {
	font-size: 1em;
	color: #244F82;
	margin-top: 15px;
	margin-bottom: 40px;
	text-transform: uppercase;
	text-align: center;
}
#details #motto {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#details #motto ul {
	padding-top: 5px;
	padding-bottom: 25px;
	list-style-type: none;
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
#details #motto ul li {
	display: inline-block;
	padding-right: 6px;
	color: #35618C;
	font-weight: bold;
}
#details h3 {

}
#details h4 {
	color: #A5D064;
	font-size: 1.4em;
}
#details h5 {
	font-size: 1.1em;
	font-weight: normal;
	color: #FFF;
	letter-spacing: 0.1em;
}
#details ol li {
	color: #4E6C20;
	font-size: 0.9em;
	line-height: 1.8em;
}
#details .col01 {
	display: inline-block;
	margin-right: 2%;
	width: 55%;
	vertical-align: top;
	padding-right: 1%;
	margin-top: 40px;
}
#details .btn {
	margin-bottom: 40px;
	margin-left: auto;
	text-align: center;
	margin-right: auto;
}
#details .btn a {
	background-color: #4B82B8;
	color: #FFF;
	text-decoration: none;
	padding-top: 15px;
	padding-right: 35px;
	padding-bottom: 15px;
	padding-left: 35px;
	font-size: 1em;
	border-radius:6px;
}
#details .btn a:hover {
	background-color: #333;
}
#details2 {
	text-align: left;
	width: 60%;
	margin-right: auto;
	margin-left: auto;
	font-size: 1.1em;
	margin-top: 100px;
	margin-bottom: 125px;
	background-color: #E8E8E8;
	padding: 2%;
}
#details2 h2 {
	font-size: 0.9em;
	color: #555;
	margin-top: 5px;
	margin-bottom: 25px;
	text-transform: uppercase;
}
#details2 .subject {
	font-size: 0.8em;
	color: #374D17;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

#details2 h3 {
	font-size: 0.9em;
	color: #333;
	font-weight: normal;
	text-transform: uppercase;
	margin-top: 5px;
	margin-bottom: 25px;
}

#details2 h3 a {
	color: #1E4B7D;
	font-weight: bold;
}
#details2 .zoom a {
	font-size: 0.8em;
}
#content {
	width: 60%;
	margin-top: 75px;
	margin-bottom: 75px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
#content .donate {
	border: 1px solid #777;
	border-radius:8px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	margin-top: 50px;
	margin-bottom: 50px;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	background-color: #EAEAEA;
	font-size: 1em;
}

#content .cols2 {
	vertical-align: top;
	display: inline-block;
	width: 45%;
	margin-right: 2%;
	margin-left: 2%;
	margin-top: 25px;
}
#content h2 {
	font-size: 1.4em;
	color: #4E6C20;
	margin-top: 25px;
	margin-bottom: 75px;
	text-transform: uppercase;
}
#content h3 {
	font-size: 1.2em;
	color: #333;
}
#content h3 a {
	font-size: 1em;
	color: #06C;
	font-weight: normal;
}

#content h4 {
	font-size: 1.1em;
	text-transform: uppercase;
	color: #4E6C20;
	text-align: left;
}
#content h5 {
	text-align: left;
	font-size: 1em;
	color: #333;
	font-weight: normal;
	line-height: 1.4em;
}
#content h6 {
	font-size: 1.1em;
	font-weight: normal;
	color: #333;
}
#content p {
	line-height: 1.6em;
}
#content a {
	color: #06C;
	text-decoration: none;
}
#content img {
	max-width:90%;
	height:auto;
}
#content ol {
	text-align: left;
}
#content ol li {
	padding-top: 7px;
	padding-bottom: 7px;
}
#content .qrcode img {
	margin-bottom: 40px;
}
#content2 {
	width: 60%;
	margin-top: 75px;
	margin-bottom: 75px;
	margin-right: auto;
	text-align: center;
	border: 2px solid #CCC;
	padding: 5px;
	margin-left: auto;
}
#content2 h3 {
	font-size: 1em;
}
#content2 p {
	font-size: .9em;
}

#mexico {
	background-size:cover;
}
#mexico2 {
	padding-bottom: 50px;
}
#mexico #logo, #mexico2 #logo {
	text-align: left;
	padding-left: 15%;
}
#mexico #logo img {
	height: auto;
	width: 175px;
}
#mexico #details {
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 75px;
	margin-left: auto;
	width: 70%;
}
#mexico2 #details {
	width: 70%;
}
#mexico2 #details .cols2 {
	vertical-align: top;
	display: inline-block;
	margin-right: 2%;
	margin-left: 2%;
	margin-top: 25px;
}
#mexico2 #details .col03 {
	width: 28%;
	margin-right: 2%;
	margin-left: 2%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}

#mexico #details h1 {
	color: #A5D064;
	font-size: 1.4em;
	margin: 0px;
	text-align:left;
}
#mexico2 #details h1 {
	color: #4E6C20;
	font-size: 1.2em;
	margin: 0px;
	text-align:left;
	font-weight: normal;
}
#mexico #details h2 {
	font-size: 1.6em;
	color: #FFF;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 40px;
}
#mexico2 #details h2 {
	font-size: 1.4em;
	color: #4E6C20;
	text-align: left;
	margin-top: 30px;
}
#mexico #details h3 {
	color: #FFF;
	font-size: 1.2em;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-top: 20px;
	font-weight: normal;
}
#mexico2 #details #biographies {
	font-size: 1.2em;
	text-transform: uppercase;
	color: #4E6C20;
	font-weight: normal;
}

#mexico #details h3 a {
	text-decoration: none;
	color: #F9DA7D;
	font-size: 1em;
}
#mexico2 #details h3   {

}
#mexico2 #details h4 {
	color: #333;
	font-weight: normal;
	font-size: 1.1em;
	text-align: center;
	margin-top: 50px;
}

#mexico2 #details .artist .bio {
	color: #1862AB;
	cursor:pointer;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#mexico2 #details .artist .art {
	color: #1862AB;
	cursor:pointer;
	margin-top: 3px;
	padding-top: 0px;
}

#mexico2 .arrow-left {
	color: #FFF;
	background-color: transparent;
	font-size: 1.6em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: pointer;
	position: absolute;
	left: 10px;
	top: 45%;
}
#mexico2 #details .col03 .artist #art5 .arrow-left img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#mexico2 .arrow-right {
	font-size: 1.6em;
	color: #FFF;
	background-color: transparent;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 45%;
}
#mexico2 #details .col03 .artist #art5 .arrow-right img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.art_description {

}
#bio1, #bio2, #bio3, #bio4, #bio5, #bio6, #bio7, #bio8  , #bio9{
	display: none;
	background-color: #E6E6E6;
	border: 1px solid #CCC;
	margin-top: 20px;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	text-align: left;
}
#mexico2 #details .artist .art_description p {
	color: #D8D8D8;
}
#mexico2 #art-all .art_description p {
	color: #D8D8D8;
}
.mySlides1 img, .mySlides2 img, .mySlides3 img, .mySlides4 img, .mySlides5 img, .mySlides6 img {

}
.w3-animate-left{position:relative; z-index:-1; animation:animateleft 0.4s} @keyframes animateleft{from{left:-600px;opacity:0} to{left:0px;opacity:1}}

.w3-animate-right{position:relative; z-index:-1; animation:animateright 0.4s} @keyframes animateright{from{right:-600px;opacity:0} to{right:0px;opacity:1}}
#art-all .art_description p a  {
	color: #A5DBF8;
	text-decoration: none;
}

#art-all {
	background-color: #222;
	text-align: center;
	position: relative;
	z-index: 1;
	width: 100%;
	top: 0px;
	left: 0px;
	height: 100%;
	padding-top:75px;
	padding-bottom:75px;
	background-image: url(../mexico/images/art_back.jpg);
	background-size: cover;
	background-position: center;
}

#art1, #art2, #art3, #art4, #art5, #art6 {
	display: none;
	background-color: #222;
	text-align: center;
	position: fixed;
	z-index: 4;
	width: 100%;
	top: 0px;
	left: 0px;
	height: 100%;
	background-image: url(../mexico/images/art_back.jpg);
	background-size: cover;
	background-position: center;
}
.close_bio {
	font-size: 1.6em;
	color: #155595;
	float: right;
	margin-bottom: 5px;
}
.close_art {
	font-size: 3em;
	color: #FFF;
	float: right;
	margin-top: 0px;
	margin-right: 15px;
}
.close {
	position:absolute;
	top: 10px;
	right: 20px;
	color: #FFF;
	font-size: 4em;
	transition: 0.3s;
}
.click {
	font-size: 0.9em;
	font-style: italic;
	margin-left: -25px;
}
#mexico2 #details .artist ul {
	padding: 0px;
	list-style-type: none;
}
#mexico2 #details .artist ul li {
	display: inline-block;
	margin-bottom: 35px;
}
#mexico2 #details .artist h3 {
	margin-top: 5px;
	font-size: 1em;
	color: #333;
	margin-bottom: 5px;
}
#mexico2 #details .artist h4 {
	font-size: 0.9em;
	color: #222;
	font-weight: normal;
}
#mexico2 #details .artist {
	margin-top: 40px;
	margin-bottom: 40px;
}
#mexico2 #details .artist p {
	clear: both;
	float: none;
	font-size:0.9em;
	color:#333;
	padding-right: 25px;
	padding-left: 25px;
}
#mexico2 #details .artist ul li img{
	border: 1px solid #333;
}
#mexico2 #details .artist img  {
	border: 1px solid #333;
}
#mexico #details .zoom    {
	font-size: 0.9em;
}
#mexico2 #poster {
	margin-top: 75px;
}
#mexico2 #poster img {
	border: 1px solid #333;
	max-width:99%;
	height:auto;
}
.price {
	color: #81C056;
}
.mySlides1, .mySlides2, .mySlides3, .mySlides4,.mySlides5, .mySlides6, .mySlides99 {
	display:none;
}
#slideshow {
	text-align: center;
	z-index: 4;
	position: fixed;
	top: 0px;
	width: 100%;
	background-image: url(../mexico/images/photo_back.png);
	overflow-y: auto;
}
#slideshow img {
	margin-top:75px;
	margin-bottom:45%;
	border: 2px solid #FFF;
	max-width: 99%;
	box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.20), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    overflow-y: scroll;
}
#la {

}
#la #logo {
	text-align: left;
	padding-left: 10%;
}
#la #logo img {
	height: auto;
	width: 175px;
}
#la #details {
	width: 80%;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
}
#la #details h1 {
	color: #6F9B2D;
	font-size: 1.4em;
	margin: 0px;
	text-align:left;
}
#la #details h2 {
	font-size: 2em;
	color: #ECA30C;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 20px;
	letter-spacing: 0.1em;
	margin-top: 60px;
}
#la #details h5 {
	color: #333;
	font-size: 1em;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	margin-top: 10px;
	font-weight: normal;
}
#la_fire {
	width: 80%;
	text-align: center;
	margin-bottom: 150px;
	margin-top: 25px;
	margin-right: auto;
	margin-left: auto;
}
#la_fire img {
	height: auto;
	max-width: 90%;
}

#la_fire .icon {
	text-align: left;
	position: relative;
	top: 75px;
	left: 25px;
}
#la_fire .cols2 {
	display: inline-block;
	width: 42%;
	margin-top: 25px;
	margin-bottom: 5px;
	margin-left: 3%;
	margin-right: 3%;
	vertical-align: top;
	text-align: left;
}
#la_fire .cols2 h3 {
	margin-top: 0px;
	padding-top: 0px;
}

#la_fire .cols2 img{
	max-width:99%;
	height:auto;
	border-radius: 8px;
}
#la_fire .cols2 ul li {
	background-image: url(../images/check_circle.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	margin-bottom: 12px;
}
#la_fire .cols2 ul  {
	text-align: left;
	font-size: 0.9em;
	font-weight: bold;
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}
#hawaii {
	background-image: url(../images/hawaii_back.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	padding-bottom: 50px;
}
#hawaii2 {
	padding-bottom: 50px;
}
#hawaii #logo {
	text-align: left;
	padding-left: 10%;
}
#hawaii2 #logo {
	text-align: left;
	padding-left: 15%;
}
#hawaii #logo img {
	height: auto;
	width: 175px;
}
#hawaii #details {
	width: 80%;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 75px;
	margin-left: auto;
}
#hawaii2 #details {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
}

#hawaii2 #details h1 {
	color: #4E6C20;
	font-size: 1.2em;
	margin: 0px;
	text-align:left;
	font-weight: normal;
}
#hawaii #details h1 {
	color: #A5D064;
	font-size: 1.4em;
	margin: 0px;
	text-align:left;
}
#hawaii #details h2 {
	font-size: 1.6em;
	color: #FFF;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 40px;
}
#hawaii2 #details h2 {
	font-size: 1.4em;
	color: #4E6C20;
	text-align: left;
	margin-top: 30px;
}

#hawaii #details .col01 .orange {
	font-size: 1.2em;
	color: #FEB301;
	margin-top: 30px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-weight: bold;
}
#hawaii #details h3 {
	font-size: 1.2em;
	color: #FFF;
	padding-bottom: 0px;
}
#hawaii #details h4 {
	font-size: 1.1em;
	font-weight: normal;
	color: #DAECCC;
}
#hawaii #details h5 {
	color: #FFF;
	font-size: 1em;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	margin-top: 10px;
	font-weight: normal;
}
#hawaii #details .btn {
	color: #FFF;
	background-color: #D0910D;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.9em;
	text-align: center;
	margin-bottom: 50px;
	margin-top: 0px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	width: 35%;
	border-radius:6px;
	cursor: pointer;
}
#hawaii #details .col02 {
	display: inline-block;
	width: 35%;
	margin-right: 1%;
	margin-left: 1%;
	border-radius: 6px;
	vertical-align: top;
	padding-right: 2%;
	padding-left: 2%;
	margin-top: 50px;
	background-color: #557A3D;
	border: 1px solid #86BF33;	
}
#hawaii #details .col02 p {
	color: #FFF;
}
#hawaii #goals {
	text-align: center;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	left: 0px;
	right: 0px;
	top: 125px;
	padding: 0px;
}
#hawaii #goals h2 {
	color: #5C8F35;
	font-size: 1.3em;
	padding-bottom: 10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #F90;
	margin: 0px;
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
}
#hawaii #goals h3 {
	font-size: 1em;
	color: #333;
	margin-top: 25px;
}
#hawaii #goals h4 {
	font-size: 1em;
	color: #5C8F35;
	margin: 0px;
}
#hawaii #goals .col01 {
	display: inline-block;
	width: 22%;
	vertical-align: middle;
	height:100px;
	margin: 0px;
	background-color: #FFF;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #5C8F35;
	border-bottom-color: #5C8F35;
	border-left-color: #5C8F35;
	padding-top: 35px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
	border-radius: 8px 0px 0px 8px;
}
#hawaii #goals .col02 {
	display: inline-block;
	width: 22%;
	vertical-align: middle;
	padding-top: 35px;
	padding-bottom: 25px;
	margin: 0px;
	padding-right: 0%;
	padding-left: 0%;
	background-color: #FFF;
	height: 100px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #5C8F35;
	border-bottom-color: #5C8F35;
}
#hawaii #goals .col03 {
	display: inline-block;
	width: 22%;
	vertical-align: middle;
	padding-top: 35px;
	padding-bottom: 25px;
	margin: 0px;
	padding-right: 0%;
	padding-left: 0%;
	background-color: #FFF;
	height: 100px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #5C8F35;
	border-bottom-color: #5C8F35;
}
#hawaii #goals .col04 {
	display: inline-block;
	width: 22%;
	vertical-align: middle;
	padding-top: 60px;
	padding-bottom: 0px;
	margin: 0px;
	padding-right: 1%;
	padding-left: 1%;
	background-color: #5C8F35;
	height: 100px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #5C8F35;
	border-right-color: #5C8F35;
	border-bottom-color: #5C8F35;
	border-radius: 0px 8px 8px 0px;
}
#hawaii #goals .col04 h4 {
	color: #FFF;
}
#hawaii2 #benefit {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-color: #EEE;
	padding-bottom: 30px;
	margin-top: 100px;
	padding-top: 10px;
}
#hawaii2 #benefit .cols3 {
	display:inline-block;
	width:30%;
	margin-left:1%;
	margin-right:1%;
}
#hawaii2 #benefit .cols3 img {
	max-width:99%;
	height:auto;
}
#hawaii2 #benefit h2 {
	font-size: 1.4em;
	font-weight: normal;
	text-transform: uppercase;
	padding-bottom: 15px;
}
#hawaii2 #volunteers {
	width: 40%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-bottom: 25px;
	margin-top: 100px;
	padding-top: 15px;
}
#hawaii2 #volunteers .cols2 {
	display:inline-block;
	width:46%;
	margin-left:1%;
	margin-right:1%;
}
#hawaii2 #volunteers .cols2 img {
	max-width:99%;
	height:auto;
}
#hawaii2 #volunteers h2 {
	font-size: 1.4em;
	font-weight: normal;
	text-transform: uppercase;
	padding-bottom: 15px;
}
#hawaii2 #poster {
	margin-top: 75px;
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 75px;
}
#hawaii2 #poster img {
	border: 1px solid #333;
	max-width:99%;
	height:auto;
}
.container {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-top: 56.25%; /* 16:9 Aspect Ratio */
	margin-top: 40px;
}
.responsive-iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border: none;
}
#partners {
	text-align: left;
	width: 60%;
	margin-right: auto;
	margin-left: auto;
	color: #333;
	margin-top: 75px;
	margin-bottom: 75px;
	padding-top: 15px;
	padding-right: 5%;
	padding-bottom: 50px;
	padding-left: 5%;
}
#partners h2 {
	font-size: 1.3em;
	margin-top: 30px;
	color: #333;
	text-transform: uppercase;
}
#partners h3 {
	font-size: 1em;
	color: #555;
}
#partners p {
	font-weight: bold;
	font-size: 1em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	color: #555;
	line-height: 1.6em;
}
#groups {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#groups .cols4 {
	width: 22%;
	margin-right: 1%;
	margin-left: 1%;
	display: inline-block;
	vertical-align: bottom;
	margin-bottom: 25px;
}
#groups .cols4 img {
	max-width:99%;
	height: auto;
}
#groups .cols3 {
	width: 30%;
	margin-right: 1%;
	margin-left: 1%;
	display: inline-block;
	vertical-align: bottom;
	margin-bottom: 25px;
}
#groups .cols3 img {
	max-width:99%;
	height: auto;
}
#groups .cols2 {
	width: 30%;
	margin-right: 1%;
	margin-left: 1%;
	display: inline-block;
	vertical-align: bottom;
	margin-bottom: 25px;
}
#groups .cols2 img {
	max-width:99%;
	height: auto;
}
#wildfire {
	width: 80%;
	text-align: center;
	margin-bottom: 100px;
	margin-top: 150px;
	margin-right: auto;
	margin-left: auto;
}
#wildfire .icon {
	text-align: left;
	position: relative;
	top: 75px;
	left: 25px;
}
#wildfire .cols2 {
	display: inline-block;
	width: 42%;
	margin-top: 25px;
	margin-bottom: 5px;
	margin-left: 3%;
	margin-right: 3%;
	vertical-align: top;
	text-align: left;
}
#wildfire .cols2 img{
	max-width:99%;
	height:auto;
	border-radius: 8px;
}
#wildfire .cols2 h2, #regen .cols3 h2 {
	font-size: 1.4em;
	color: #5C8F35;
	text-align: left;
	margin-top: 0px;
	padding-top: 0px;
}
#wildfire .cols2 h3, #regen .cols3 h3 {
	font-size: 1.2em;
	text-align: left;
	font-style: italic;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #F90;
	padding-bottom: 10px;
	color: #333;
}
#wildfire .cols2 p {
	color: #333;
}
#regen {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 75px;
}
#regen .cols3 {
	display: inline-block;
	width: 28%;
	margin-right: 1%;
	margin-left: 1%;
	padding-right: 1%;
	padding-left: 1%;
	vertical-align: top;
}
#regen .cols3 img {
	max-width:99%;
	height:auto;
	border-radius: 8px;
}
#regen .cols3 h4 {
	font-size: 1.2em;
	color: #333;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-left: 75px;
	margin-top: 0px;
	padding-top: 0px;
}
#regen .cols3 ul {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
}
#regen .cols3 ul .heart1 {
	background-image: url(../images/heart01.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#regen .cols3 ul .heart2 {
	background-image: url(../images/heart02.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#regen .cols3 ul .heart3 {
	background-image: url(../images/heart03.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#regen .cols3 ul .heart1 p {
	padding-left: 75px;
}
#regen .cols3 ul .heart2 p {
	padding-left: 75px;
}
#regen .cols3 ul .heart3 p {
	padding-left: 75px;
}
#regen .cols3 p {
	margin-top: 5px;
	color: #333;
}
#info h1 {
	font-size: 1.2em;
	margin-top: 50px;
}
#wildfire .cols2 ul  {
	text-align: left;
	font-size: 0.9em;
	font-weight: bold;
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}
#wildfire .cols2 ul li {
	background-image: url(../images/check_circle.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	margin-bottom: 12px;
}
#info h2 {
	color: #333;
	font-size: 1.6em;
	font-weight: bolder;
	letter-spacing: 0.3em;
	margin-top: 40px;
}
#info h3 {
	font-size: 1.4em;
	color: #333;
	letter-spacing: 0.2em;
}
#info h4 {
	color: #333;
	font-size: 1.5em;
	margin-top: 75px;
	margin-bottom: 100px;
	font-weight: normal;
	letter-spacing: 0.2em;
}
#info h5 {
	font-size: 1em;
	color: #FFF;
	margin-bottom: 25px;
}
#info h6 {
	color: #FFF;
	font-size: 1.2em;
	margin: 0px;
	padding: 0px;
}
#info p {
	color: #333;
	font-size: 1.1em;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#info .cols3left {
	display: inline-block;
	width: 26%;
	margin-top: 25px;
	margin-bottom: 5px;
	margin-left: 3%;
	margin-right: 3%;
	vertical-align: top;
	font-size: 1.2em;
	color: #ECDABB;
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.1em;
}
#info .cols3center {
	display: inline-block;
	width: 26%;
	margin-top: 25px;
	margin-bottom: 5px;
	margin-left: 3%;
	margin-right: 3%;
	vertical-align: top;
	font-size: 1.2em;
	color: #ECDABB;
	letter-spacing: 0.1em;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}
#info .cols3right {
	display: inline-block;
	width: 26%;
	margin-top: 25px;
	margin-bottom: 5px;
	margin-left: 3%;
	margin-right: 3%;
	vertical-align: top;
	font-size: 1.2em;
	color: #ECDABB;
	letter-spacing: 0.1em;
	text-align: right;
	text-transform: uppercase;
	font-weight: bold;
}
#info .cols2 img {
	max-width: 99%;
	height:auto;
}
#info .cols2t {
	display: inline-block;
	width: 38%;
	margin-top: 5px;
	margin-bottom: 25px;
	margin-left: 5%;
	margin-right: 5%;
	vertical-align: top;
}
#info .cols1 {
	width: 38%;
	margin-top: 25px;
	margin-bottom: 5px;
	margin-left: 31%;
	margin-right: 31%;
	vertical-align: bottom;
}
#info .cols1t {
	width: 38%;
	margin-top: 5px;
	margin-bottom: 25px;
	margin-left: 31%;
	margin-right: 31%;
	vertical-align: top;
}
#info .btn {
	padding-top: 15px;
	padding-bottom: 50px;
	margin-top: 20px;
}
#info .btn a {
	background-color: #85A794;
	border-radius: 6px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 25px;
	color: #000;
}
#info .btn a:hover {
	background-color: #9EBAAB;
}
#info .vbtn {
	padding-top: 20px;
	padding-bottom: 40px;
	text-transform: uppercase;
}
#info .vbtn a {
	background-color: #6AA6B7;
	border-radius: 6px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 30px;
}
#info .vbtn a:hover {
	background-color: #77ADBD;
	color: #FFF;
}
#info .regbtn {
	padding-top: 50px;
	padding-bottom: 75px;
	text-transform: uppercase;
}
#info .regbtn a {
	background-color:#4A87CA;
	border-radius: 6px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 30px;
}
#info .regbtn a:hover {
	background-color: #5A92CF;
	color: #FFF;
}
#info .ctct-inline-form {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}
#info .ctct-inline-form h2{
	color: #333;
	letter-spacing: 0em;
	font-size: 1.5em;
	font-weight: normal;
}
#info .ctct-inline-form p {
	color: #333;
	font-size: 0.7em;
}
#info .ctct-inline-form a {
	color: #06C;
}
#info ol {
	color: #FFF;
	list-style-position: inside;
}
.bene {
	padding-top: 30px;
	padding-bottom: 0px;
}
#info .bene p a {
	color: #B1D3ED;
}
.bene h6 {
	letter-spacing: 0.1em;
}
#about {
	width: 70%;
	padding-right: 15%;
	padding-left: 15%;
	padding-top: 20px;
	padding-bottom: 60px;
	color: #333;
	text-align: center;
}
#about .video {
	padding-bottom: 50px;
}
#about a  {
	color: #39664E;
}
#about h2 {
	color: #333;
	font-size: 1.6em;
	padding-bottom: 20px;
	padding-top: 30px;
	text-align: center;
	font-weight: normal;
}
#about h3 {
	font-size: 1.1em;
}
#about p {
	text-align: left;

}
#about ol {
	padding-bottom: 25px;
}

#about ol li {
	text-align: left;
	line-height: 1.6em;
}

#about img {
	max-width:80%;
	height:auto;
	padding-top: 25px;
	padding-bottom: 10px;
}
#schedule {
	width: 60%;
	margin-top: 100px;
	margin-bottom: 60px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #CCC;
	padding: 20px;
}
#schedule p {
	font-size: 1em;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #222;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
#schedule h3 {
	font-size: 1.2em;
	letter-spacing: 0em;
	margin-bottom: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	color: #333;
}
#staff {
	width: 80%;
	padding-right: 10%;
	padding-left: 10%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
	margin-bottom: 150px;
}
#staff h1 {
	letter-spacing: 0.1em;
	font-size: 1.6em;
	padding-top: 20px;
}

#staff h2 {
	font-size: 2.2em;
	color: #333;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #F90;
	padding-bottom: 20px;
	width: 75%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#staff h3 {
	color: #5C8F35;
	font-size: 1.2em;
	letter-spacing: 0em;
	margin-bottom: 5px;
	padding-top: 25px;
}
#staff h4 {
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 1.2em;
	font-weight: normal;
}

#staff h5 {
	font-weight: normal;
	font-size: 1.2em;
	color: #86B6C4;
	margin-top: 10px;
	margin-bottom: 10px;
}
#staff a {
	color: #86B6C4;
	text-decoration: none;

}
#staff .green {
	color: #5C8F35;
	font-weight: bold;
}
#staff li {
	font-size: 1em;
	line-height: 2em;
}
#staff .cols5 {
	width: 17%;
	margin-right: 1%;
	margin-left: 1%;
	display: inline-block;
	padding-top: 40px;
	padding-bottom: 40px;
	vertical-align: top;
}
#staff .cols5 img {
	max-width:99%;
	height:auto;
	border-radius: 50%;
}
#sign {
	text-align: center;
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
	margin-bottom: 80px;
}
#sign img {
	max-width:99%;
	height:auto;
}
.blue {
	color: #86B6C4;
}
p.pay {
	display: inline-block;
	margin-left: 10px;
}
#contacts {
	width:100%;
	text-align:center;
	background-color: #E1E1E1;
	padding-top: 50px;
	padding-bottom: 50px;
}
#contacts img {
	max-width:80%;
	height:auto;
	padding-top: 25px;
	padding-bottom: 10px;
}
.left {
	width: 24%;
	padding-right: 2%;
	padding-left: 2%;
	display: inline-block;
	vertical-align: top;
}
.center {
	width: 24%;
	padding-right: 2%;
	padding-left: 2%;
	display: inline-block;
	vertical-align: top;
}
.right {
	width: 24%;
	padding-right: 2%;
	padding-left: 2%;
	display: inline-block;
	vertical-align: top;
}
#contactform {
	border-radius: 12px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 40px;
	margin-bottom: 40px;
}
#contactform input {
	width: 39%;
	height: 45px;
	margin-bottom: 15px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	border-radius: 6px;
	border: 1px solid #666;
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 1%;
}
#contactform textarea {
	width: 39%;
	margin-bottom: 25px;
	border:1px solid #666;
	border-radius: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 1%;
}
#contactform #submit{
	background-color: #6AA6B7;
	color: #FFF;
	border: 1px solid #666;
	width: 18%;
	height: 45px;
	font-size: 1em;
	font-weight: bold;
}
#contactform #submit:hover {
	background-color: #77ADBD;
	cursor: pointer;
}
#projects {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 100px;
	margin-bottom: 50px;
}
#projects h3 {
	font-size: 1.4em;
	font-weight: normal;
	text-transform: uppercase;
	color: #4E6C20;
	margin-bottom: 40px;
}
#projects .btn {
	margin-bottom: 40px;
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;
}
#projects .btn a {
	background-color: #D19C36;
	color: #FFF;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-size: 1.2em;
	border-radius:6px;
}
#projects .btn a:hover {
	background-color: #333;
}
#good {
	text-align: center;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 125px;
	background-attachment: fixed;
	background-image: url(../images/volunteers-packing-boxes.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	margin-bottom: 100px;
	padding-right: 5%;
	padding-left: 5%;
}
#good h2 {
	color: #D0E2AF;
	font-size: 1.4em;
}
#good h3 {
	color: #FFF;
	font-size: 1.5em;
}
#good .icon-planet{
	text-align: center;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	top: -80px;
}
#vision, #mission {
	text-align: center;
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 125px;
}
#vision .cols2, #mission .cols2 {
	display: inline-block;
	width: 35%;
	margin-right: 7%;
	margin-left: 7%;
	text-align: left;
	vertical-align: top;
}
#vision .cols2 h2, #mission .cols2 h2 {
	font-size: 1.2em;
	color: #5C8F35;
}
#vision .cols2 h3, #mission .cols2 h3 {
	font-size: 1.2em;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #F90;
	padding-bottom: 20px;
}
#vision .cols2 p {
	font-style: italic;
	color: #333;
}
#vision .cols2 img {
	max-width:99%;
	height:auto;
}
#mission .cols2 h4 {
	font-size: 0.9em;
	color: #5C8F35;
}
#mission .cols2 h4 a {
	text-decoration: none;
	color: #406D8E;
}

.img-ctr {
	text-align: center;
	margin-top: 125px;
}
.img-left {
	float:left;
	margin-right: 20px;
	margin-bottom: 15px;
}
#slides {
	text-align: center;
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
}
#slides h2    {
	font-size: 1.4em;
	text-transform: uppercase;
	font-weight: normal;
	padding-bottom: 10px;
}
#footer {
	text-align: center;
	padding-top: 40px;
	padding-bottom: 5px;
	padding-right: 25%;
	padding-left: 25%;
	margin-top: 100px;
	color: #FFF;
	background-color: #607B2D;
	width: 50%;
}
#footer .cols3 {
	display: inline-block;
	width: 30%;
	margin-right: 1%;
	margin-left: 1%;
	padding-top: 20px;
	padding-bottom: 20px;
}

#footer h3 {
	font-size: 1.3em;
	color: #FFF;
	font-weight: normal;
	margin-top: 50px;
}
#copy {
	font-size: 0.9em;
	color: #FFF;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 35px;
	background-color: #607B2D;
}
#copy h5 {
	font-size: 0.9em;
	font-weight: normal;
}


@media only screen and (max-width: 1000px) {
#links ul li {padding-right: 0.5%; padding-left: 0.5%;}
}

@media only screen and (max-width: 1000px) {
  /* For mobile phones: */
#top {height:70px; background-color:#FFF; position:fixed; border-bottom-color:#6F9B2D; border-bottom-style:solid; border-bottom-width:1px; z-index:3;}
#title {display:none;}
#logo2 {padding-top: 5px; left:2%;}
#logo2 img {max-width:85%; height:auto;}
#logo {padding-top:120px;}
#logo img {width:175px; height:auto;}
#details {font-size: 1em; width: 80%; margin-left:auto; margin-right:auto; margin-top: 40px;}
#content {font-size: 1em; width: 80%; margin-left:auto; margin-right:auto; margin-top: 40px;}
#content2 {width: 80%; margin-left:auto; margin-right:auto; margin-top: 40px;}
#content .cols2 {display:block; width:100%; margin-left:auto; margin-right:auto;}
#content li {font-size:0.9em;}
#details h1 {font-size: 1.2em;}
#details h2 {font-size: 0.9em;}
#details h4 {font-size: 1em;}
#details img {max-width:90%; height:auto}
#details .col01 {display: block; width: 100%;}
#details .btn a {padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; font-size: 0.8em;}
#links {display:none;}
#submenu {display:none;}
#cell_links {display:none;}
.hamburger {display:block; position:fixed; top:3px; right:3px; z-index:6;}
.menu-shower:checked ~ #cell_links {display: block;}
#hawaii {background-position: left;}
#hawaii #details h3 {font-size: 1.1em;}
#hawaii #details .col02 {display: block; width: 90%; padding-left:5%; padding-right:5%; padding-top:10px; padding-bottom: 10px;}
#hawaii #details .btn {font-size: 1.0em; width: 70%;}
#hawaii #goals {position: relative; top: 25px;}
#hawaii #goals .col01 {display: block; width:80%; margin-left:auto; margin-right:auto; margin-bottom:10px; border: 1px solid #5C8F35; border-radius:6px;}
#hawaii #goals .col02 {display: block; width:80%; margin-left:auto; margin-right:auto; margin-bottom:10px; border: 1px solid #5C8F35; border-radius:6px;}
#hawaii #goals .col03 {display: block; width:80%; margin-left:auto; margin-right:auto; margin-bottom:10px; border: 1px solid #5C8F35; border-radius:6px;}
#hawaii #goals .col04 {display: block; width:78%; margin-left:auto; margin-right:auto; margin-bottom:10px; border: 1px solid #5C8F35; border-radius:6px;}
#hawaii2 #benefit .cols3 {display:block; width: 70%; margin-top: 30px; margin-bottom: 30px; margin-left:auto; margin-right:auto;}
#hawaii2 #volunteers .cols2 {display:block; width:90%; margin-top: 30px; margin-bottom: 30px; margin-left:auto; margin-right:auto;}
#wildfire {margin-top:30px;}
#wildfire .cols2 {display: block; width: 90%; margin-top: 25px; margin-bottom: 25px; margin-left: auto; margin-right: auto;}
#regen .cols3 {display:block; width:90%; margin-top: 25px; margin-bottom: 25px; margin-left: auto; margin-right: auto;} 
#partners {width: 80%; margin-top: 5px; padding-top: 5px;}
#partners h2 {font-size: 1.2em;}
#partners h3 {font-size: 0.9em;}
#groups .cols4 {display: block; width: 80%; margin-left: auto; margin-right: auto;}
#groups .cols3 {display: block; width: 80%; margin-left: auto; margin-right: auto; margin-bottom:50px;}
#groups .cols2 {display: block; width: 80%; margin-left: auto; margin-right: auto; margin-bottom:50px;}
#projects .btn {display: block;}
#mexico {background-image:url(../images/mexico_back2.jpg)}
#mexico #logo {padding-left: 10%;}
#mexico #details h3 {font-size: 1.1em; letter-spacing: 0.0em;}
#mexico #details .zoom {font-size: 0.8em;}
#mexico2 #details {width:85%;}
#mexico2 #details .artist ul li {display: block;}
#mexico2 #details .col03 {display: block; width: 100%;}
#mexico2 #details .artist img {max-width:70%;}
#mexico2 #art-all img {max-width:70%;}
#mexico2 #details .artist p {padding-right: 0px; padding-left: 0px;}
#mexico2 .arrow-left {left:2px;}
#mexico2 .arrow-right {right:2px;}
#mexico2 #art-all p {font-size:0.8em;}
#details2 {width: 80%; font-size: 1em;}
#details2 h2 {font-size: 1em; margin-bottom: 20px;}
#details2 h3 {font-size: 0.9em;}
#details2 .zoom a {font-size: 0.8em;}
button img {width:45px; height:auto;}
.img-left {float:none; margin-right: 0px; margin-bottom: 10px;}
.left {width: 80%; padding-right: 10%; padding-left: 10%; display: block;}
.center {width: 80%; padding-right: 10%; padding-left: 10%; display: block;}
.right {width: 80%; padding-right: 10%; padding-left: 10%; display: block;}
#services p {margin-top: 7px; margin-bottom: 10px;}
#img_gallery .categories {width: 80%;}
#thumbs .btns img {width: 40%; }
.close {top: 5px; right: 20px;	font-size: 30px;}
#info {width:80%; padding-left:10%; padding-right:10%;}
#info p {font-size:1.0em;}
#info h3 {font-size: 1.0em;}
#info .cols3left {display: block; width: 80%; margin-left: 10%; margin-right: 10%; text-align:center;}
#info .cols3center {display: block; width: 80%; margin-left: 10%; margin-right: 10%; text-align:center;}
#info .cols3right {display: block; width: 80%; margin-left: 10%; margin-right: 10%; text-align:center;}
#info .ctct-inline-form {width: 100%;}
#info .vbtn a {font-size:0.9em; padding-right: 4%; padding-left: 4%;}
#info .regbtn a {font-size:0.9em; padding-right: 4%; padding-left: 4%;}
#schedule {width:90%;}
#schedule h3 {font-size: 1.2em;}
#contactform input {width: 80%;}
#contactform textarea {width: 80%;}
#contactform #submit {width: 40%;}
#staff {width: 82%; padding-right: 9%; padding-left: 9%;}
#staff img {max-width: 90%; height:auto;}
#staff h2 {font-size:1.4em;}
#staff h3 {font-size:1.1em;}
#staff p {font-size:0.9em;}
#staff .cols5 {width: 80%; margin-right: auto; margin-left: auto; display: block; padding-top: 30px; padding-bottom: 30px;}
#vision .cols2, #mission .cols2 {display: block; width: 100%; margin-right: auto; margin-left: auto; margin-bottom:25px;}
#footer {width:90%; padding-left:5%; padding-right:5%;}
#footer h3 {font-size: 1.1em;}
#footer .cols3 {display:block; width:80%; margin-left:auto; margin-right:auto;}
#footer p {font-size:0.9em;}
}

@media only screen and (max-width: 740px) {
#details #motto ul li {font-size:0.8em;}
#details #motto ul {padding-bottom: 5px;}
#details h2 {margin-top:10px; margin-bottom:10px;}
#details p {padding-top:25px;}
#mexico2 #details p {padding-top:5px;}
.mySlides1, .mySlides2, .mySlides3, .mySlides4, .mySlides5, .mySlides6  {top: 50%; transform: translate(0%, -50%);}
#content .donate {width:90%;}
}