@font-face {
	font-family: 'Gill Sans MT', Arial;
}
a {
	text-decoration: none;
	color: inherit;
}
p {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 18px;
}
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	position: relative;
	width: 100%;
	font-family: 'Gill Sans MT', Arial;
	color: #333;
	background-color: #999;
}
#main {
	min-height: calc(100vh - 460px);
}
#title-header {
	background-image: url(images/background.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
	text-align: center;
}
#subpage-title-header {
	background-image: url(images/background.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 250px;
	text-align: center;
}
.img-container > img {
	max-width: 700px;
	width: 100%;
}
.title-logo {
	padding: 180px 0;
}
.title-logo > img {
	max-width: 900px;
	width: 90%;
}
.finalist {
	text-align: right;
	position: absolute;
	top: 15px;
	right: 15px;
}
#navbar {
	height: 40px;
	line-height: 40px;
	background-color: white;
	padding: 10px;
	text-align: center;
	margin: auto;
	vertical-align: middle;
	position: sticky;
	top: 0px;
	box-shadow: 0 10px 20px -10px #999;
}
#navbar-menu {
	text-align: center;
	width: 66%;
	font-size: 16px;
	margin: auto;
	vertical-align: middle;
	display: inline;
}
.navbar-item {
	display: inline;
	padding: 8px 20px;
	width: 120px;
	text-align: center;
	transition: .3s ease;
	margin-left: 7px;
	margin-right: 7px;
	border-radius: 5px;
	/* font-weight: bold; */
}
.navbar-item:hover {
	background-color: #be1e2d;
	color: white;
	border-radius: 18px;
}
#social {
	margin: auto;
	width: 100%;
	background-color: white;
	text-align: center;
	min-height: 225px;
}
#social-subcontainer {
	margin: auto;
	width: 50%;
	padding: 30px 0 50px 0;
}
.social-text {
	font-size: 30px;
	padding-top: 30px;
}
.social-spacer {
	display: inline-block;
	width: 30px;
}
.social-image {
	transition: .5s ease 1s;
	-webkit-transition: .5s ease;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
	width: 50px;
	height: 50px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 50px 50px;
	width: 50px;
	height: 50px;
	transition: .1s ease;
	padding: 0px;
	display: inline-block;
}
.social-facebook {
	background-image: url(images/social/social_facebook2.jpg);
}
.social-facebook:hover {
	background-image: url(images/social/social_facebook_hover.png);
}
.social-twitter {
	background-image: url(images/social/social_twitter2.jpg);
}
.social-twitter:hover {
	background-image: url(images/social/social_twitter_hover.jpg);
}
.social-instagram {
	background-image: url(images/social/social_instagram2.png);
}
.social-instagram:hover {
	background-image: url(images/social/social_instagram_hover.png);
}
.social-email {
	background-image: url(images/social/social_email.jpg);
}
.social-email:hover {
	background-image: url(images/social/social_email_hover.jpg);
}


#content1-container, #books-container, #films-container, #aboutme-container {
	width: 95%;
	min-height:40%;
	max-width: 1400px;
	background-color: #EEE;
	border-radius: 15px;
	margin: 50px auto;
	text-align: center;
	padding: 30px 0;
	box-shadow: 0 0 40px 0px #555;
}
#content1-container > h1 {
	 width:70%;
	 margin:auto;
	 margin-top:50px;
	 text-align: left;
}
#content1-container > p {
	width:70%;
	margin:auto;
	padding:50px;
	text-align: left;
}
#youtube-container {
	margin: auto;
	width: 100%;
	text-align: center;
	margin-bottom: 100px;
}
#youtube-container > iframe {
	max-width: 600px;
	width: 95%;
}
iframe {
	-webkit-box-shadow: 0 10px 6px -6px #888;
	-moz-box-shadow: 0 10px 6px -6px #888;
	box-shadow: 0 10px 12px -6px #888;
}
#books-container > h1 {
	text-align: center;
	padding-bottom: 20px;
	font-family: 'Bitter', serif;
	font-size: 40px;
}
.books-subcontainer, .aboutme-subcontainer {
	background-color: white;
	border-radius: 5px;
	width: 50%;
	margin: auto;
	max-width: 800px;
	box-shadow: 0 0 20px -5px #aaa;
}
.books-subcontainer > h2{
	font-family: 'Bitter', serif;
	font-size: 28px;
	padding: 40px;
	margin-bottom: -60px;
	text-align: left;
}
.books-subcontainer > p {
	text-align: left;
	padding: 40px 60px;
}
.films-subcontainer > p {
	text-align: left;
	padding: 40px 60px;
}
.films-subcontainer {
	background-color: white;
	border-radius: 5px;
	width: 80%;
	margin: auto;
	max-width: 800px;
	box-shadow: 0 0 20px -5px #aaa;
}
.aboutme-midcontainer {
	width:90%;
	margin:auto;
	text-align:center;
	vertical-align:top;
}
.aboutme-picture {
	display:inline-block;
	vertical-align:top;
}
.aboutme-subcontainer > p {
	text-align: left;
	padding: 40px 60px;
}
#newsletter {
	background-color: #222;
	height: 120px;
	text-align: center;
	margin: auto;
	width: auto;
	padding: 10px;
}
.newsletter-subcontainer {
	padding: 20px;
}

.subscribe-text {
	width: 100%;
	text-align: left;
	margin: auto;
	color: white;
	display: inline;
	font-size: 42px;
}

.subscribe-button {
	display: inline;
	position: relative;
	bottom: 10px;
	margin-left: 10px;
}

#mc_embed_signup {
	/* border-radius: 8px; */
	/* background:#fff;  */
	/* clear:left;  */
	/* font:14px Helvetica,Arial,sans-serif;  */
	font-family: 'Open Sans';
	/* font-size: 32px; */
	color: white;
	/* width:300px; */
	/* vertical-align: middle; */
	padding: 10px;
	/* border: 4px dotted #be1e2d; */
	max-height: 40px;
	margin: 5px;
	display: inline-block;
}
#mc_embed_signup form {
	text-align:center; 
	padding:10px 0 10px 0;
}
.mc-field-group {
	display: inline-block;
} /* positions input field horizontally */
#mc_embed_signup input.email {
	font-family:"Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif;
	font-size: 15px;
	border: 1px solid #ABB0B2;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	/* color: #343434; */
	/* background-color: #fff; */
	/* box-sizing:border-box; */
	height:32px;
	padding: 0px 0.4em;
	/* display: inline-block; */
	/* margin: 0; */
	width:300px;
	vertical-align:top;
}
#mc_embed_signup label {
	display:block;
	font-size:16px;
	padding-bottom:10px;
	font-weight:bold;
}
#mc_embed_signup .clear {
	display: inline-block;
} /* positions button horizontally in line with input */
#mc_embed_signup .button {
	font-size: 13px; 
	border: none; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
	letter-spacing: .05em; 
	color: #fff;
	/* color: #B00; */
	/* color: #000;  */
	/* background-color: #aaa;  */
	background-color: #be1e2d; 
	box-sizing: border-box; 
	height: 32px; 
	line-height: 32px; 
	padding: 0 18px; 
	display: inline-block; 
	margin: 10px 0; 
	transition: all 0.23s ease-in-out 0s;
}
#mc_embed_signup .button:hover {
	/* background-color: #f12938; */
	background-color: #BFACC8;
	color: white;
	/* color: black; */
	border-radius: 18px;
}
#mc_embed_signup div#mce-responses {
	float:left; 
	top:-1.4em; 
	padding:0em .5em 0em .5em; 
	overflow:hidden; 
	width:90%;
	margin: 0 5%; 
	clear: both;
}
#mc_embed_signup div.response {
	margin:1em 0; 
	padding:1em .5em .5em 0; 
	font-weight:bold; 
	float:left; 
	top:-1.5em; 
	z-index:1; 
	width:80%;
}
#mc_embed_signup #mce-error-response {
	display:none;
}
#mc_embed_signup #mce-success-response {
	color:#529214; 
	display:none;
}
#mc_embed_signup label.error {
	display:block; 
	float:none; 
	width:auto; 
	margin-left:1.05em; 
	text-align:left; 
	padding:.5em 0;
}

#footer-container {
	width: 100%;
	display: flex;
	background-color: #be1e2d;
	height: 100px;
	font-size: 14px;
	margin: auto;
}
.footer-copyright {
	display: inline-block;
	text-align: left;
	color: #FFF;
	vertical-align: middle;
	padding: 40px 10px;
	margin: auto;
	width: 200px;
}
.footer-note {
	display: inline-block;
	text-align: right;
	color: #FFF;
	padding: 40px 10px;
	width: 100%;
	margin: auto;
}
@media (max-width: 1196px) {
	.aboutme-subcontainer {
		width: 85%;
		margin-bottom: 30px;
		padding: 0px 0px;
	}
	.aboutme-subcontainer > p {
		padding: 10px 30px;
	}
}
@media (max-width: 768px) {
    #mc_embed_signup input.email {width:100%; margin-bottom:5px;}
    #mc_embed_signup .clear {display: block; width: 100% }
    #mc_embed_signup .button {width: 100%; margin:0; }
	.subscribe-button {
		display: inline;
		position: relative;
		bottom: 0px;
		margin-left: 0px;
	}
	#newsletter {
		height: 225px;
	}
	.books-subcontainer {
		width: 90%;
	}
	.films-subcontainer {
		width: 90%;
	}
}
@media (max-width: 667px) {
	.social-image {
		display: block;
		margin-bottom: 20px;
	}
	#social-subcontainer {
		margin: auto;
		width: 55px;
		padding: 20px;
	}
	.footer-copyright {
		width: 300px;
	}
}





