/* CSS RESET */
* {
	margin: 0;
	padding: 0;
} 

@font-face {
			font-family: "Durango Western Eroded";
			src: url('../fonts/Durango-Western-Eroded-Demo.otf')
}

@font-face {
			font-family: "American Typewriter";
			
}

@font-face {
			font-family: "Gill Sans";
			
}

@keyframes fade-in {
		0% {opacity: 0}
		100% {opacity: 1}
	}

/* 
@media screen and (max-width: 479px) {
		section.mobile-screen {
			width: 375px;
			height: 627px;
		}

@media screen and (min-width: 1366px) and (max-width: 1919px) {
			section.laptop-screen {
			width: 1440px;
			height: 900px;
		}
}
*/

body {
	background-image: url("../img/bg.png");
    background-color:  #F7EDCE;
}


/* NAV STARTS */
.nav-ul {
    list-style-type: none;
    margin: 0;
    padding: 14px 0;
    overflow: hidden;
    background-color: #64380F;
    top: 0;
    width: 100%;
}

li {
    float: right;
}

li a {
	font-family: "American Typewriter";
	font-size: 25px;
    display: block;
    color: #F7EDCE;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover {
    color: #482600;
    transform: scale(1.2);
    transition-duration: 0.30s;
}

.active {
    background-color: #F7EDCE;
    color: #8E221B;
	border-radius: 25px;
	padding: 7px 16px;
	margin:  7px 8px;
}

.active:hover {
    transform: scale(1.2);
    transition-duration: 0.30s;
    color: #82291b;
}

.nav-icon {
	margin: 16px 16px;
}
.logo {
	float: left;
	margin-right: 40vw;
}
/* NAV ENDS */


/* FOOTER STARTS */
footer {
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #64380F;
    position: fixed;
    bottom: 0;
    width: 100%;
}

.foot-ul {
	list-style-type: none;
	display: block;
    color: #F7EDCE;
    text-align: center;
    margin: 5px 8px;
    float: right;
}

.foot-icon {
	margin: 8px 8px;
}

.copyright {
	text-align: right;
	padding: 12px 8px;
	font-family: "Gill Sans";
	font-size: 15px;
}
/* FOOTER ENDS */