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


body {
	font-family: 'Lora', serif;
	margin: 0px;
	
	
	/* try this later
	
	
	.fullscreen{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    height:100%;
    width:100%;
}*/
	
	
	
}

.welcome {
	
	
	width: 100%;
	height: 100vh;
  

background: #ff4b1f; /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #ff4b1f , #ff9068); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #ff4b1f , #ff9068); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        
	
}




.title {
	
	position: absolute;
	bottom: 10px;
	width: 80%;
	margin-left: 10%;
	
	font-family: 'Palanquin Dark', sans-serif;
	
	/*font-family: 'Archivo Black', sans-serif;
	
	font-family: 'Merriweather Sans', sans-serif;
	
	font-family: 'Chango', cursive; */
	
	
	font-size: 50px;
	line-height: 50px;
	color: #fff;
}

.fog {
	font-size: 200px;
	
}
.quote {
	font-size: 18px;
	line-height: 0px;
}


/*  -----------  */


.who {	
	width: 100%;
	border: 1px dotted #ff9068;


}



.regular {
	width: 80%;
	font-size: 20px;
	line-height: 28px;
	
	color: #623901;
	
	margin-left:  10%;
	
}

.regular_up {
	font-size: 24px;
	line-height: 28px;
}

.pk { /* image */
	display: inline-block;
	float: left;
	
	padding: 7px;
	margin-right: 15px;
	border: 1px dotted #623901;
}


/* - - - - drop down navigation - - - -   */
/* - - - - - - - - - - - - - - - - - - -  */
/* - - - - - - - - - - - - - - - - - - -  */

nav {
	margin-left:  10%;
	width: 80%;
	
	font-size: 11px;
	line-height: 10px;
	
	position: absolute;
	top: 10px;
}




ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: none;
	
}

li {
    text-align: left;
	display: inline-block;
	
	
}

li a, .dropbtn {
    display: inline-block;
    color: white;
    text-align: left;
    padding: 14px 16px;
    text-decoration: none;
	
	
}

li a:hover, .dropdown:hover .dropbtn {
    background-color: #fff;
	color: #ff4b03;
	
	
}

li.dropdown {
    display: inline-block;
	
}

.dropdown-content {
	
	display: none;
    position: absolute; 
  
    min-width: 160px;
  
	
	
}

.dropdown-content a {
    color: #fff;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
	
	border-bottom: 1px dotted #fff;
}

.dropdown-content a:hover {background-color: #ff4b03;
color: #fff;}

.dropdown:hover .dropdown-content {
    display: block;
}



/*  - - - - - - - - - - - - - - - - -  */
/*  - - - - - - - - - - - - - - - - -  */