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

body, html {
  height: 100%;
  margin: 0;
  font-size: 18px ;
  color: #777;
}
body{
font-family: Arial, Helvetica, sans-serif;	
	background-image:url("/204imag/meo24loading.png");
	background-repeat:no-repeat;
	background-position:top center;
	background-color:#FFFFFF;
	line-height:1.25;
}
a {
	text-decoration: none;
}
H2.split3black {
		text-align:center;

color:#ffffff;
}
p.split3black{
	color:#E4EAEC;
	text-align:center;
	padding: 20px;
	font-size: 18pt;
}

H2.split3gray {
		text-align:center;

color:#ffffff;
}
p.split3gray{
	color:000000;
	text-align:center;
	padding: 10px;
	font-size: 18pt;
}

/*

#topheader01{
	background-color:#FFFFFF;
	background-image: url("../204imag/meo24headerbackb.jpg");
		height:600px;
	 background-position: center;
  background-repeat: no-repeat;
	background-size: contain;
}

#imageback01{
	background-color:#FFFFFF;
	background-image: url("../204imag/meo24imagebacka.jpg");
		height:600px;
	 background-position: center;
  background-repeat: no-repeat;
	background-size: contain;
}

#imageback02{
	background-color:#FFFFFF;
	background-image: url("../204imag/meo24imagebackc.jpg");
		height:600px;
	 background-position: center;
  background-repeat: no-repeat;
	background-size: contain;
}
*/

/* Create four equal columns that floats next to each other */
.column {
  float: left;
  width: 25%;
  padding: 0px;
  height: 600px; /* Should be removed. Only for demonstration */
	padding-bottom:50px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}


/* Create three equal columns that floats next to each other */
.columnthrees {
  float: left;
  width: 33.3%;
  padding: 0px;
  height: 600px; /* Should be removed. Only for demonstration */
	padding-bottom:50px;
}

/* Clear floats after the columns */
.row:afterthrees {
  content: "";
  display: table;
  clear: both;
}
/* Create three equal columns that floats next to each other */
.columnthrees900h {
  float: left;
  width: 33.3%;
  padding: 0px;
  height: 950px; /* Should be removed. Only for demonstration */
	padding-bottom:50px;
}

/* Clear floats after the columns */
.row:afterthrees {
  content: "";
  display: table;
  clear: both;
}

/* Create two equal columns that floats next to each other */
.columntwos {
  float: left;
  width: 50%;
  padding: 0px;
  height: 600px; /* Should be removed. Only for demonstration */
	padding-bottom:50px;
}

/* Clear floats after the columns */
.row:aftertwos {
  content: "";
  display: table;
  clear: both;
}

.html5-video-player{
	visibility: hidden;
	border-radius: 10px;
	border:10px solid #ffccoo;
}

p.aboutyoutext{
	font-size:24pt;
}

p.aboutmissiontext{
		font-size:24pt;

}
p.startheader {
	font-size: 26px;
}
p.startheaderbig {
	font-size: 32pt;
}

p.lightfont {
	color:#ffffff;
}
p.bigbody {
		font-size: 26px;

}
p.footerone{
	text-align:center;
	
}
p.footeronedark{
text-align:center;
color:#2B2F32;
}
p.size72w{
	line-height:4pt;
font-size:72pt;
	
}
span.size72e{
	font-size:72pt;
	color:#FFFFFF;
}
span.size72f{
	font-size:24pt;
	color:#CCCCCC;
}

span.size72fli{
	font-size:24pt;
	color:#FFFFFF;
}

span.size72g{
	font-size:72pt;
	color:#FFFFFF;
}

span.size36gw{
	font-size:36pt;
	color:#FFFFFF;
}

.button{
	
}
a.textlinkw34 {
	color:#FFBE04;
/*	font-size:72pt;*/
}

/*Start css for parrallax effects*/

.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5,.bgimg-5a,.bgimg-5athree, .bgimg-6, .bg-img4a,.bg-img4b,.bg-img4c, .bg-imgblank,.bgimg-4d, .bgimg-4e {
  position: relative;
  opacity: 0.85;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}



.bgimg-6 {
  background-image: url("/204imag/meo24headerbackbinv.jpg");
  height: 100%;
	opacity: 1.0;
}



.caption {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  color: #000;
}
.captionstart {
  position: absolute;
  left: 0;
  top: 70%;
  width: 100%;
  text-align: center;
  color: #000;
}
.captionend {
  position: absolute;
  left: 0;
  top: 70%;
  width: 100%;
  text-align: center;
  color: #000;
}
.captionend span.borderend {
  text-align: center;
  color: #FFFFFF;
  padding: 18px;
  font-size: 25px;
/*  letter-spacing: 10px;*/
}
.caption span.border {
  background-color: #111;
  color: #fff;
  padding: 18px;
  font-size: 25px;
/*  letter-spacing: 10px;*/
}
.captionstart span.bordernot {
  
  color: #FFFFFF;
  padding: 18px;
  font-size: 25px;
/*  letter-spacing: 10px;*/
}

.captioncasual {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  color: #000;
	text-shadow: 2px 2px #000000;
}

.captioncasual span.bordercasual {
  
  color: #FFFFFF;
  padding: 16px;
  font-size: 35px;
	  text-align: center;

/*  letter-spacing: 10px;*/
}

@media screen and (max-width: 400px) {
  .bgimg-5a {
	  height:5000px;
	}
		.columnthrees {
    height: 750px;
			background-color:#106A90;
  }
	
	
	.bgimg-4d {
		height:4210px;
	}
	
	.bgimg-5athree {
		height:10500px;
	}
}