/**Stylesheet for Whiskey On The Tracks.*/
@font-face{
  font-family: icomoon;
  src: url('../Fonts/icomoon.woff') format('woff'),
     url('../Fonts/icomoon.ttf') format('truetype');
  font-display: swap;  
}

@font-face{
  font-family: blackno7;
  src: url('../Fonts/blackno7.woff2') format('woff2'),
     url('../Fonts/blackno7.ttf') format('truetype');
  font-display: swap;  
}

@font-face{
  font-family: josefin;
  src: url('../Fonts/josefin.woff2') format('woff2'),
     url('../Fonts/josefin.ttf') format('truetype');
  font-display: swap;  
}


html, body {
	height: 100%;
}

body{
	display: flex;
	flex-direction: column;
	padding: 0;
	margin: 0;
}

/**Basic Styles*/
:root {
  --bright: #FFF;
  --dark: #000;
  --primary: #FF0000; 
}
/*background: var(--primary);*/


#wrapper{
	flex: 1 0 auto;
}

#footer{
	flex-shrink: 0;
}



/**Header Styles*/
#masthead{
	background: var(--primary);
}





/**Landing Styles*/
#landing{
	position: relative;
	width: 100%;
	height: 100vh;
	min-height: 35em;
	background: gray;
	box-sizing: border-box;
}






/**Media Queries*/

@media only screen and (min-width: 18.75em){


}


@media only screen and (min-width: 20em){

		
}


@media only screen and (min-width: 22em){

	
}
	

@media only screen and (min-width: 25.625em){


}


@media only screen and (min-width: 28em){	



}




@media only screen and (min-width: 30.313em){



			
}


@media only screen and (min-width: 33.125em){

	

}






@media only screen and (min-width: 36.875em){
	

}





@media only screen and (min-width: 38.5em){	



}

	
@media only screen and (min-width: 41em){	

	
	
	
}

@media only screen and (min-width: 46em){


			
}






@media only screen and (min-width: 48em){
	
	
	
}


@media only screen and (min-width: 50em){

}




@media only screen and (min-width: 54em){
	
	
}

@media only screen and (min-width: 59em){

	
}


@media only screen and (min-width: 64em){
		
			
}



@media only screen and (min-width: 67em){

}	



@media only screen and (min-width: 70em){


	

}




@media only screen and (min-width: 80em){
	

		
	
}


@media only screen and (min-width: 95em){


}

@media only screen and (min-width: 105em){

	
}

@media only screen and (min-width: 115em){

	
}