* { margin: 0; padding: 0; }

/*html { overflow-y: scroll; }*/
body { width: 100%; height: 100%; margin: 0 auto; }
#background {
	background: url(../../blog/css/img/world.jpg) 0 -50px;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
}

.divSplash {
	margin: 0 auto;
	width: 800px; max-width: 90%;
	text-align:center;
	background: rgba(255,255,255,.7);
	padding: 2%;
	border-radius: 18px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	-o-border-radius: 18px;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	margin-top: 5%;
    z-index: 10;
    position: relative;
}

.divSplash img {
    max-width: 40%;
    display: block;
    margin: 0 auto;
    margin-top: 1%;
}

.divSplash:hover { background: rgba(255,255,255,1); box-shadow: 0 0 20px rgba(0,0,0,.3);  }

.col33 {
	float: left;
	width: 33%;
}	

a {
    color: #999;
	font-family: 'Fjalla One', sans-serif;
    padding: 4% 1%;
    display: block;
	text-decoration: none;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
    text-align: center;
	font-size: 160%;
	border-bottom: dotted 1px #ccc;
}

a:hover { color: #333; background: #f0f0f0; text-shadow: 0 2px #fff; }
a img { margin: auto; float: none !important; text-align: center; display: inline;  }
hr { background: transparent; color: transparent; border: 0; border-bottom: dotted 1px #ccc; margin:0; }

.smaller { 
	font-size: 60%;
	color: #666;
	display: block;
}

video#bgvid {
	position: fixed; 
	left:0; top: 0; right: 0; bottom: 0;
	min-width: 100%; min-height: 100%; width: auto; height: auto;
	z-index: 1 !important;
	background-size: cover;
	border: 0 !important;
    opacity: .5;
}

.title {
	color: #fff;
	font-family: 'Fjalla One', sans-serif;
	font-size: 250%;
	padding: 1%;
	text-transform: uppercase;
	border-bottom: dotted 1px #ccc;
	background: #e0e0e0;
	text-shadow: 2px 0 0 #ccc, -2px 0 0 #ccc, 0 2px 0 #ccc, 0 -2px 0 #ccc, 1px 1px #ccc, -1px -1px 0 #ccc, 1px -1px 0 #ccc, -1px 1px 0 #ccc;
}

.first {
	margin-top: 2%;
}

@media screen and (max-width: 970px) {
video#bgvid { display: none }
.divSplash { font-size: 6vmin; width: 90%; max-width: 90%; }
.col33 { width: 100%; }
.title { font-size: 180% }
a { font-size: 120% }
.divSplash img { max-width: 80% }
.title { margin-top: 50px; }
}