@font-face{font-family: FacebookFont; src: url('fonts/FaceBook.otf');}
@font-face{font-family: SketchFont; src: url('fonts/KGSecondChancesSketch.ttf');}
@font-face{font-family: LillyPad; src: url('fonts/LillyPad.otf');}
@font-face{font-family: HoverageFont; src: url('fonts/HoverageVintage.ttf');}
@font-face{font-family: KosmosFont; src: url('fonts/Kosmos.ttf');}

body { font-family: Helvetica, Arial, sans-serif; line-height: 1.3em; -webkit-font-smoothing: antialiased; }
.container {
	width: 90%;

	margin: 20px auto;
	margin-bottom: 50px;
	/*background-color: #FFF;
	opacity: 0.95;*/
	background-color: rgba(255,255,255,0.95);
	border-radius: 17px;
	padding: 20px;
	min-width: 650px;
	max-width: 800px;
}

pre, code {
	font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
	font-size: 12px;
	color: #333;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
pre { border: 1px solid #CCC; background-color: #EEE; color: #333; padding: 10px; overflow: scroll; }
code { padding: 2px 4px; background-color: #F7F7F9; border: 1px solid #E1E1E8; color: #D14; }



.other { height: 300px; color: #FFF; }
.other div {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,1);
}
.other div p { padding: 10px; }

#mainContainer img{
	width: 100%;
}

h1{
	font-family:LillyPad;
	color: #363636;
}

#copebros{

}
#header img{
	width: 100px;
	height: 100px;
}
#header p{
	font-family:LillyPad;
	float: right;
	font-size: 3em;
}
#mainBody{
	display:inline;
}
#footer { 
	margin-top: 5em; 
}
.iconRow{
    text-align:center;
}
.mainIcon{
    display:inline-block;
	
	width:170px;
	height:85px;
	
    margin:5px 40px;
    padding:5px;
	-webkit-transition-duration: 2.7s; /* Safari */
	transition-duration: 2.7s;
}
.mainIcon img{
	
	width:30px;
	height:30px;

	opacity:0.0;
	-webkit-transition-duration: 0.72s; /* Safari */
	transition-duration: 0.72s;
}
.mainTitle{
    display:inline-block;
	font-family:FacebookFont;
	font-weight:normal;
	color:#333333;
	margin:25px 40px;
    padding:5px;
	
	font-size: 2.5em;
	
	width:170px;

	opacity:0.0;
	-webkit-transition-duration: 2.7s; /* Safari */
	transition-duration: 2.7s;
}

#flightMainTitle{
	color:#ed1f24;
}
#tripMainTitle{
	color:#0054a6;
}
#closer{
	padding-top: 20px;
	min-width: 650px;
}
#closer a{
	text-decoration: none;
	color: #ffffff;
}
#closer p{
	font-family: KosmosFont;
	color: #ffffff;
	font-size: 2.5em;
	text-align: center;
	margin-top:20px;
	margin-bottom:20px;
}