/* CORE CSS
----------------------------------------------------------------------------- */

html, body, br, hr, 
div, span, a,
object, iframe,
ul, ol, dl, li, dt, dd,
h1, h2, h3, h4, h5, h6,
p, blockquote, q, address,
small, big, cite, dfn, ins, del, 
i, em, b, strong, sup, sub, strike,
pre, code, samp, kbd, var, tt,
form, fieldset, legend, label,
input, textarea, option, button { 
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html, body, br, hr, 
div, span, a, 
object, iframe, 
ul, ol, dl, li, dt, dd, 
h1, h2, h3, h4, h5, h6, 
p, blockquote, q, address, 
small, big, cite, dfn, ins, del, 
i, em, b, strong, sup, sub, strike, 
pre, code, samp, kbd, var, tt, 
form, fieldset, legend, label, 
input, textarea, option, button {
	background:transparent none repeat scroll 0 0;
	border:0 none;
	font-size:100%;
	margin:0;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	padding:0;
	vertical-align:baseline;
	font-family: 'Droid Sans', sans-serif;
}

li, dt, dd, p, pre, address, legend, label, input, textarea, select, option, optgroup, th, td {
	-x-system-font:none;
	font-family:inherit;
	font-size:inherit;
	font-size-adjust:inherit;
	font-stretch:inherit;
	font-style:inherit;
	font-variant:inherit;
	font-weight:inherit;
	line-height:inherit;
}

blockquote, q{ quotes: none; }

br{ height: 0; }

ul, ol, dl{ list-style: none; }

.uppercase {
	text-transform: uppercase;
}

a {
	text-decoration:none;
}

a img { 
	border: 0; 
}

img {
	display:block;
}

a:active{
  	outline: none;
}

a:focus {
	outline: none;
}

@font-face {
    font-family: ModernaBlack;
    src: url(../../files/fonts/v1/Moderna-Black-webfont.ttf);
}

/* GLOBAL CSS
----------------------------------------------------------------------------- */

html, body {
	font-family: sans-serif;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
}
	
#top {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
}

.wrapper {
	width:100%;
    height: 100%;
    display: table;
}
	
	.wrapper .container {
		width:100%;
		text-align: center;
		vertical-align: middle;
		display: table-cell;
	}
	
		.wrapper .container .logo {
			width: 75%;
			min-width: 100px;
			max-width: 420px;
			display: inline-block;
			margin: 0 0 50px 0;
			font-size: 0px;
		}
		
			.wrapper .container .logo h1#logo a {
				width: 100%;
				height: 0;
				padding-bottom: 48%;
				display: inline-block;
				background-color: transparent;
				background-image: url(../../files/images/v1/logo.png);
				background-repeat: no-repeat;
				background-position: 0px 0px;
				background-size: 100% 100%;
			}
			
			.wrapper .container .logo h1#logo a:hover {
				opacity: 0.8;
			}
			
		.wrapper .container .content {
			width: 60%;
			margin: 0 20%; 
			display: inline-block;
		}
		
			.wrapper .container .content a { color: #0da5d7; }
			.wrapper .container .content a:hover { color: #1db2e3; text-decoration: underline; }
			
			.wrapper .container .content h1 {
				color: #333;
				font-size: 28px;
				line-height: 1.3;
				font-weight: 400;
				padding: 0 0 30px 0;
				font-family: 'Droid Sans', sans-serif;
				vertical-align: top;
				font-style: italic;
			}
			
			.wrapper .container .content .columns {
				width: 80%;
				margin: 10px 10% 40px 10%;
				text-align: left;
				display: block;
				vertical-align: top;
			}
			
				.wrapper .container .content .columns.columns-2 {
					-webkit-column-count: 2;
					-moz-column-count: 2;
					column-count: 2;
				}
			
			.wrapper .container .content ul {
				display: block;
			}
			
				.wrapper .container .content ul li {
					color: #333;
					font-size: 24px;
					line-height: 2;
					font-weight: 800;
					text-align: center;
					font-family: 'ModernaBlack', sans-serif;
					text-shadow: 1px 3px #d8d7d7;
				}
			
			.wrapper .container .content h3 {
				color: #333;
				font-size: 20px;
				line-height: 1.5;
				font-weight: 400;
				padding: 0 0 20px 0;
				font-family: 'Droid Sans', sans-serif;
				vertical-align: top;
			}
		
footer {
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	text-align: center;
}

	footer p {
		color: #999;
		font-size: 15px;
		line-height: 1.5;
		padding: 0px 0px 25px 0px;
		font-family: 'Droid Sans', sans-serif;
		font-weight: 400;
	}
	
		footer p a { color: #999; text-decoration: none; }
		footer p a:hover { color: #333; text-decoration: underline; }
		
@media only screen and (max-width: 1280px) and (min-width: 769px) {
		
.wrapper .container .logo { margin: 0 0 40px 0; }
.wrapper .container .content { width: 80%; margin: 0 10%; }
.wrapper .container .content .columns { width: 90%; margin: 10px 5% 40px 5%; }
.wrapper .container .content ul li { font-size: 22px; }

}

@media only screen and (max-width: 768px) and (min-width: 481px) {
	
.wrapper .container .logo { margin: 0 0 30px 0; }
.wrapper .container .content { width: 80%; margin: 0 10%; }
.wrapper .container .content .columns { width: 100%; margin: 10px 0 40px 0; }
.wrapper .container .content .columns.columns-2 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
.wrapper .container .content ul li { font-size: 22px; }
.wrapper .container .content h3 { font-size: 18px; }

}

@media only screen and (max-width: 480px) {

.wrapper .container .logo { width: 80%; margin: 0 10% 30px 10%; }
.wrapper .container .content { width: 80%; margin: 0 10%; }
.wrapper .container .content .columns { width: 100%; margin: 10px 0 40px 0; }
.wrapper .container .content .columns.columns-2 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
.wrapper .container .content ul li { font-size: 20px; }
.wrapper .container .content h3 { font-size: 16px; }
	
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){
}