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

html{
  height: 100%;
}

body{
	display:table;
	width:100%;
	height:100%;
	margin:0;
}

html { 
  background: url(../img/bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

h1 {
	color: #ff6666;
	font-family: 'PT Sans', sans-serif;
	text-align: center;
	text-decoration: none;
	font-weight: 700;
	margin:0px;
	padding: 10px 5px;
}

h2 {
	color: #ff6666;
	font-family: 'PT Sans', sans-serif;
	text-align: center;
	text-decoration: none;
	font-weight: 400;
	margin:0px;
	padding: 5px;
}

.logo {
	min-width: 250px;
	max-width: 250px;
}

.info {
	padding-top: 60px;
	padding-bottom: 20px;
	background-color: #e0c09f;
	opacity: 0.95;
}

.separator {
    border: 0;
    border-top: 1px solid #fff;
    padding-top: 10px;
}

.title {
	white-space: nowrap;
}

@media all and (min-width: 960px) {
h1{
    font-size: 50px;
}
h2{
    font-size: 20px;
}
}

@media all and (max-width: 959px) and (min-width: 600px) {
h1{
    font-size: 5vw;
}
h2{
    font-size: 2vw;
}
}

@media all and (max-width: 599px) and (min-width: 50px) {
h1{
    font-size: 6vw;
}
h2{
    font-size: 4vw;
}
}