body{
	font-family: 'Cardo', serif;
    color: #5d5d5d;
}

h1, h2, h3, h4, h5, h6{
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	text-transform: uppercase;
}

.rebecca{
	color: #9f2c16;
	margin-bottom: 1rem;
		margin-top: 1rem;
}

a{
	color: #9f2c16;
}

a:hover{
	border-bottom: 1px solid #9f2c16;
	color: #9f2c16;
}

.active a{
	font-weight: 500;
	font-style: italic;
	color: #9f2c16;
}

header{
	border-bottom: 1px solid #5d5d5d;
	margin-bottom: 1.5rem;
}

footer{
	border-top: 1px solid #5d5d5d;
	margin-top: 1.5rem;
    padding-bottom: 1rem;
}

nav{
	display: none;
}

nav ul{
	list-style: none;
}

nav a{
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-size: 1.2rem;
	font-weight: 400;
	color: #5d5d5d;
}

nav a:hover{
	color: #9f2c16;
}		

.hamburger{
	position: absolute;
	right: 1.2rem;
	top: 1.3rem;
	cursor: pointer;
}

footer p{
	margin-bottom: 0;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-size: .9rem;
}

footer p:last-of-type{
	display: none!important;
}

@media screen and (min-width: 40em) {
	.hamburger{
			top: 2.3rem;
			right: 2.2rem;
	}
}

@media screen and (min-width: 64em) {
	.rebecca{
		margin-top: 2.5rem;
			margin-bottom: 0rem;
	}
	nav{
		display: block;
	}
	nav ul{
		margin: 0 0 2.5rem 0;
	}
	nav li{
		display: inline-block;
		padding-right: 1.5rem;
	}
	header{
	margin-bottom: 2.5rem;
	}
	footer{
	margin-top: 2.5rem;
	}
	.hamburger{
		display: none;
	}
	footer p:first-of-type{
		display: inline-block;
		text-align: left;
	}
	footer p:last-of-type{
		display: inline-block;
		float: right;
		text-align: right;
	}
}

.home-image{
    position: relative;
    border-bottom: none !important;
}

.home-image img{
transition: opacity .3s ease;
}

.home-image-rollover{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    opacity: 0;
    transition: opacity .3s ease;
    border-bottom: none !important;
    font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-size: 1.2rem;
	font-weight: 500;
	color: #9f2c16;
}

.home-image:hover img{
    opacity: 0.4;   
    border-bottom: none !important;
}

.home-image:hover .home-image-rollover{
    opacity: 1;
}

/* Novelist */

.center{
    text-align: center;
}

.quote-credit{
    text-align: right;
    font-style: italic;
}

.button{
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #5d5d5d;
    background: white;
    font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	text-transform: uppercase;
    color: #5d5d5d;
}

.button:hover{
    color: white;
    background-color: #9f2c16;
    border: 1px solid #9f2c16;
}

.book-section img{
    margin-bottom: 1rem;
}

.book-section{
    margin-bottom: 3rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #5d5d5d; 
}

.book-section:last-of-type{
    border-bottom: none;
}

/* Director */

.director-section img{
    margin-bottom: 1rem;
    transition: opacity 0.3s ease;
    border-bottom: none !important;
    
}

.director-section h6{
    margin-bottom: 2rem;
}

.director-section a{
    color: black;
    transition: color .3s ease;
}

.director-section a:hover{
    color: #9f2c16;
    border-bottom: none !important;
}

.director-section a:hover img{
    opacity: 0.4;
}

.film-image{
	display: block;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2rem !important;
}

a h6{
   border-bottom: 1px solid white; 
}

a:hover h6{
    border-bottom: 1px solid #9f2c16;
}