@import url(fonts.css) all;




body {

	background: url('/lib/img/bg/main_logo_low.png') no-repeat center 25%, 
				url('/lib/img/bg/main_bg_low.jpg') no-repeat center center fixed;
	            
  -webkit-background-size: 40%, cover;
  -moz-background-size: 40%, cover;
  -o-background-size: 40%, cover;
  background-size: 40%, cover;
  font-size: 100%;
}

/*
body {
	background: 
				url('/lib/img/bg/main_bg_low.jpg') no-repeat center center fixed;
	            
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size:, cover;
  background-size:  cover;
  font-size: 100%;
}



div.logocontainer {
	background: url('/lib/img/bg/main_logo_low.png')  no-repeat center center;
	background-size:  40%;
	height: 100%;
	width: 100%;
	position: absolute;
	top: -18%;
	left: 0px;
}
*/


div.maintext {

  margin-right: auto;
  margin-left: auto;
  margin-top: 45%;
  color: #ffffff;
  text-align: center;
  font-family: "WebMyriad-BoldCond";
  font-weight: 200;
  font-size: 5em;

}
div.buttons {
}

.buttons img { 
  opacity: 0.5;
}

a.footer:link    { color: #FFFFFF; text-decoration: none; }     
a.footer:visited { color: #FFFFFF; text-decoration: none; }  
a.footer:hover   { color: #FFFFFF; text-decoration: underline; }  
a.footer:active  { color: #FFFFFF; text-decoration: none; } 

div.footer {
  margin-right: auto;
  margin-left: auto;

  color: #909090;
  text-align: center;
  font-family: "WebMyriad-Cond";
  font-weight: 100;
  font-size: 16px;

}

img.blogger {
	size: 12px;
}

span.soon  {
	opacity: 0.5;
}


@media screen and (min-width: 300px) {
	body{font-size: 50%;}
}

@media screen and (min-width: 500px) {
	body{font-size: 70%;}
}

@media screen and (min-width: 1000px) {
	body{font-size: 100%;}
}

@media screen and (min-width: 1200px) {
	body{font-size: 120%;}
}