@font-face {
	font-family: franklibe-bl; 
	src: url('../fonts/FrankRuhlLibre-Black.ttf'); 
}
@font-face { 
	font-family: franklibe-bo; 
	src: url('../FrankRuhlLibre-Bold.ttf');  
}
@font-face { 
	font-family: franklibe-li; 
	src: url('../FrankRuhlLibre-Light.ttf');  
}
@font-face { 
	font-family: franklibe-md; 
	src: url('../FrankRuhlLibre-Medium.ttf');  
}
@font-face { 
	font-family: franklibe-re; 
	src: url('../FrankRuhlLibre-Regular.ttf');  
}

body{
	font-family: franklibe-li;
}

h1,h2,h3,h4,h5,h6{
	font-family: franklibe-bl;
}

main{
	max-width: 100vw;
}

li{
	list-style-type: none;
}

.page_content{
	margin-bottom: 1em;
}

#content{
	min-height: 80vh;
}

#mainheader{
	color: white; 
	font-size: 3em; 
	padding-top: 1em;	
	text-shadow: 2px 2px 8px black; 
}


footer{
	min-height: 5em;
	width: 100%;
	margin-top: 2em;
	padding-top: 2em;
	padding-bottom: 1.5em;
	bottom: 0;
}

@media (max-width: 765px){
	#mainheader{
		padding-top: 0em;
		margin-top: 0em;
	}
}

@media (max-width: 540px){
	#mainheader{
		padding-top: 0em;
		margin-top: -0.5em;
	}
}

@media (min-width: 40em){
	.carousel-caption p{
	    margin-bottom: 1.25rem;
	    font-size: 1.25rem;
	    line-height: 1.4;
	}
	
	.featurette-heading{
		font-size: 50px;
  	}
}

@media (min-width: 62em){
	.featurette-heading {
		margin-top: 7rem;
	}
}

@media (min-width:765px) {    
  .vertical-nav {
  	  padding-right: 4em;
      /*position: absolute;
      top: 56px;
      left: 30px;
      width: 280px;
      */
    }
}