/* CSS Document */
html{
  background: url(../img/bkg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bkg.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bkg.jpg', sizingMethod='scale')";
}

@font-face {
    font-family: Helvetica45;
    src:url(../fonts/HelveticaNeueLTPro-Lt.otf);
}

#wrapper{
	width:100%;
  display:block;
  text-align:center;
}


#homeLogo{
  width:80%;
  opacity:0.80;
  margin-top:43vh;
  
	 }
#quoteContainer{
height:30px;
text-align:center;
}
h2{
font-family:Helvetica45, Arial, Helvetica, sans-serif;
color:#DDFFF7;
font-size:100%;
opacity:0.5;
margin:15px 0 0 0;
}
p.quote{
font-family:Helvetica45, Arial, Helvetica, sans-serif;
color:#DDFFF7;
font-size:70%;
opacity:0.5;
font-style:italic;
margin:5px 0 0 150px;
padding:0 0 0 0;
	
}

.yellowButton{
	width:150px;
	height:40px;
	color:white;
	background-color:#FFC120;	
	font-family:Helvetica45, Arial, Helvetica, sans-serif;
	text-decoration:none;
	margin:30px auto;
	opacity:.90;
	font-weight:bold;	
	display: flex;
  	justify-content: center;
  	flex-direction: column;
  	text-align: center;

}

.yellowButton:hover{
background-color:#F9B500;
}

/*@mixin for-phone-ONLY {*/
  @media (max-width: 599px) {



}
/*@mixin for-tablet-portrait-up {*/
  @media (min-width: 600px) { 
	  #homeLogo{
		  width:70%;  
	 	max-width:550px;
	 }
#quoteContainer{
width:300px;
text-align:right;
margin-left:45%;
}
	 
	 p.quote{font-size:85%;}
	 
}
/*@mixin for-tablet-landscape-up {*/
  @media (min-width: 900px) { 
	  #homeLogo{
		  width:60%;  }
	 h2{font-size:115%;}
	 p.quote{font-size:85%;}
#quoteContainer{
margin-left:55%;
}
	 
}
/*@mixin for-desktop-up {*/
  @media (min-width: 1200px) { 
	 h2{font-size:115%;}
	 p.quote{font-size:85%;}


}
/*@mixin for-big-desktop-up {*/
  @media (min-width: 1800px) { 
}