@charset "utf-8";

 body {
	margin: 0px; font-family: 'Ubuntu Condensed', sans-serif; color: #1f1a18; font-size:18px;
	background: #ffffff no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
 	background-size: cover;
  	}

	
.bw {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.bw:hover {
  -webkit-filter: grayscale(100%);
}	

.wrapper {
	margin: 0px auto;
	text-align:center;
	background: #ffffff no-repeat top center;
	height:550px;
	}
	
.logo {
	width:100%;
	margin: 0px auto;
	padding-top: 40px;
	margin-bottom: 20px
	}
	
.resp {
	width:100%;
	max-width: 1200px;
    height: auto;
}	

.resp300 {
	width:100%;
	max-width: 300px;
    height: auto;
}	
	
	
	
@media screen  and (max-width: 979px) /* Tablet */ {
  body {
	background: #ffffff no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
 	background-size: cover;
	height: 100vh;
}

.resp {
	width:100%;
	max-width: 590px;
    height: auto;
}	

.resp300 {
	width:100%;
	max-width: 300px;
    height: auto;
}	

 
}

@media screen and (max-width: 500px) /* Mobile */ {
  body {
	background: #ffffff no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
 	background-size: cover;
	height: 100vh;
  }
}