*{
	padding: 0;
	margin: 0;
	font-size: 22px;
}

body{
	background-color: #D5D5D5;
	font-family: Calibri;
}

/*.amazon-logo, .book-depository-logo, .agenda-logo{ width: 50% !important; position: relative; left: 25%; }*/

h1{ font-style: italic; color: #D5D5D5; padding: 0 20px; width: 75%; text-align: left; background-color: #9099A2; margin: -20px 0 0 -20px; border-bottom-right-radius: 15px; border-top: 5px solid #3333; border-right: 5px solid #3333; border-bottom: 5px solid #3333; text-shadow: 2px 2px #333; box-shadow: 1px 2px 3px #333; }

header{ height: auto; width: 100%; text-align: center; margin-bottom: 30px; }
header h2{ color: #FFF; margin:auto; padding: 20px 0; }
header .col-sm-6{ margin-top: 30px; }
header img{ width: 100%; }
.language-selector { position: absolute; width: 100%; text-align: right; z-index: 10; left: 0; }
.language-selector p { padding: 10px 120px; color: #FFF; }
.language-selector p span { cursor: pointer; }
.language-selector p .active { font-weight: bold; text-decoration: underline; }
.quote{ background-color: #96858F; width: 100%; padding: 30px; z-index: 0; }
.testimonial-quote blockquote { border: 0; margin: 0; padding: 0; background: none; color: gray; font-family: Georgia, serif; font-size: 1.5em; font-style: italic; line-height: 1.4 !important; margin: 0; position: relative; text-shadow: 0 1px #D5D5D5; z-index: 600; }
.testimonial-quote blockquote * { box-sizing: border-box; }
.testimonial-quote blockquote p { margin-bottom: 0; color: #FFF; line-height: 1.4 !important; }
.testimonial-quote blockquote p:first-child:before { content: '\201C'; color: #D5D5D5; font-size: 7.5em; font-weight: 700; opacity: .3; position: absolute; top: -.4em; left: -.2em; text-shadow: none; z-index: -300; }
.testimonial-quote blockquote p:first-child:after { content: '\201D'; color: #D5D5D5; font-size: 7.5em; font-weight: 700; opacity: .3; position: absolute; top: -.4em; right: 0; text-shadow: none; z-index: -300; }
header .social-media{ width: 100%; text-align: right; padding-right: 40px; }
header .social-media a{ color: #FFF; transition: 0.5s; }
header .social-media .mobile-menu{ display: none; }
header .social-media a:hover{ color: #96858F; }
header .social-media a i{ font-size: 200%; margin: 5px 10px 5px 0; }
nav{ text-align: left; }
nav ul{ list-style: none; margin-bottom: 0; }
nav ul li{ display: inline; font-size: 80%; }
nav ul li a{ text-decoration: none; font-weight: bold;	color: #FFF; padding: 5px 15px; font-size: 150%; transition: 0.5s; border-bottom-right-radius: 15px; margin: 0 15px; border-right: 0px solid #96858F; border-bottom: 0px solid #96858F; }
/* nav ul li a:hover{ background-color: #96858F; color: #D5D5D5; text-decoration: none; } */
nav ul li a:hover{ border-right: 5px solid #96858F; border-bottom: 5px solid #96858F; color: #96858F; text-decoration: none; }
nav ul li a.active{ border-top: 5px solid #96858F; border-left: 5px solid #96858F; border-right: 5px solid #9099A2; border-bottom: 5px solid #9099A2; border-top-left-radius: 15px; color: #96858F; text-decoration: none; }

#banner-carousel .carousel-inner { box-shadow: initial; }
#banner-carousel .carousel-inner .carousel-item{ width: 100%; min-height: 390px; max-height: 390px; }
#banner-carousel .carousel-inner .carousel-item img{ width: 100%; max-height: 390px; }

/* ----- Footer ----- */
footer{ padding: 0 50px 20px 50px!important; background-color: #9099A2; }
footer .footer-line{ margin: 0 -50px 10px -50px; background-color: #3333; height: 40px; }
footer h4{ font-size: 70%; color: #FFF; }
footer a{ font-size: 100%; color: #D5D5D5; text-decoration: none; transition: 0.5s; }
footer a:hover{ color: #FFF; text-decoration: none; }
footer .social-media{ width: 100%; text-align: center; }
footer .social-media p{ color: #FFF; margin: 0; }
footer .social-media a i{ color: #FFF; font-size: 250%; margin: 5px 10px 15px 0; transition: 0.5s; }
footer .social-media a i:hover{ color: #D5D5D5; }
footer .sitemap{ position: relative; /*right: 50px;*/ width: 100%; }
footer .sitemap ul{ list-style: none; float: right; margin-bottom: 0; }
footer .sitemap ul span{ margin: 0 5px; color: #D5D5D5; }
footer .sitemap ul li{ display: inline; margin: 0 10px 0 10px; }
footer .sitemap ul li a.active{ color: #FFF; border-bottom: 4px solid #FFF; }
footer .copyright span{ font-size: 90%; text-align: right; }
footer .copyright span a{ margin-left: 20px; }
footer hr{ border: 0; height: 3px; background-color: #3333; }
footer .kofi-button { position: absolute; left: 15px; top: -10px; width: 15%; }
footer .kofi-button img { width: 100%; }

/* ----- Book Section (Home Page) ----- Not being used
#book-section{
	position: relative;
	width: 90%;
	left: 5%;
	background-color: #FFF;
	margin: 50px 0;
	padding: 30px;
	border-radius: 5px;
	box-shadow: 0px 4px 10px #999;
}*/

/* ----- Home Page ----- */
/* ----- OVERRIDES ----- */
.carousel-control-next, .carousel-control-prev{ width: 10%; }
.carousel-inner{ width: 80%; left: 10%; margin: 50px 0; box-shadow: 0 2px 10px #262626; }
.carousel-inner .book-container{ padding: 20px; background-color: #FFF; }
.carousel-inner .book-container img{ width: 100%; }
.carousel-inner .book-container .read-more{ cursor: pointer; }
.carousel-inner .book-container .read-more-text{ display: none; padding: 0px 20px 0 20px; }
.carousel-inner .book-container .read-more-text p{ margin: 20px 0 0 0; }

.book-container h1{ margin: 0 0 -15px -15px; }
.book-container .social-media{ width: 100%; text-align: left; padding-right: 40px; }
.book-container .social-media a{ color: #333; transition: 0.5s; }
.book-container .social-media a:hover{ color: #96858F; }
.book-container .social-media a i{ font-size: 180%; margin: 5px 10px 5px 0; }

.buy-from-wrapper{ margin-top: 40px; position: relative; left: 40px; color: #D5D5D5; padding: 0 20px; width: 100%; text-align: left; background-color: #9099A2; border-bottom-left-radius: 15px; border-top: 5px solid #3333; border-left: 5px solid #3333; border-bottom: 5px solid #3333; text-shadow: 2px 2px #333; box-shadow: 1px 2px 3px #333; }
.buy-from-wrapper p{ width: 100%; margin-bottom: 0; font-size: 130%; position: absolute; }
.buy-from{ list-style: none; width: 100%; margin-bottom: 0; }
.buy-from li{ float: right; }
.buy-from li img{ width: 80% !important; -webkit-filter: grayscale(50%); -moz-filter: grayscale(50%); filter: grayscale(50%); transition: all 0.5s ease; }
.buy-from li img:hover{ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); }

/* ----- Contact ----- */
#contact-section{ position: relative; width: 80%; left: 10%; background-color: #EDEDED; margin-bottom: 50px; }
#contact-section #contact-form{ padding: 20px 50px; margin: 30px 0 0 0; }
#contact-section #contact-form label{ font-weight: bold; }
#contact-section #contact-form .jqEasyCounterMsg{ font-size: 85% !important; width: 100% !important; }
#contact-section #contact-form .botcatch{ visibility: hidden; height: 5px; display: block; }
#contact-section #contact-form button{ width: 50%; left: 25%; position: relative; }
#contact-section #contact-form textarea{ height: 100px !important; }
#contact-section .contact-info { padding: 20px 0; margin: 30px 0 0 0; }
#contact-section .form-message { width: 100%; padding: 0 40px; }
#contact-section p{ font-size: 130%; margin: 0; padding: 20px 50px; }
#contact-section h3{ margin: 0; padding: 20px 50px; }
#contact-section strong{ font-size: 100% !important; }

/* ----- About ----- */
#about-section { position: relative; width: 80%; left: 10%; background-color: #EDEDED; margin-bottom: 50px; }
#about-section h1{ padding: 0 40px; margin: -20px 0 0 -5px; }
#about-section .col-md-12{ text-align: center; padding: 0; }
#about-section .img-container{ width: 100%; }
#about-section img{ border-radius: 25%; border: 10px solid #9099A2; margin: 50px 0; width: 20%; }
#about-section p{ font-size: 150%; padding: 30px; margin: 0; }
#about-section p em{ font-size: 85%; }
#about-section strong{ font-size: 100%; font-style: italic; }
.mapouter{ width: 135%; position: relative; height: 395px; margin-top: 20px; }
.mapouter .gmap_canvas iframe{ width: 100%; height: 100%; }

/* ----- FAQ ----- */
#faq-section { position: relative; width: 80%; left: 10%; background-color: #EDEDED; margin-bottom: 50px; }
#faq-section h1{ padding: 0 40px; margin: -20px 0 0 -5px; }
#faq-section .col-md-12{ padding: 0; }
#faq-section img{ width: 40%; left: 30%; position: relative; margin: 50px 0; }
#faq-section h3{ font-size: 130%; padding: 30px; margin: 0; font-weight: bold; }
#faq-section p{ font-size: 100%; padding: 10px 30px; margin: 0; }

/* ----- Create ----- */
#create-section { position: relative; width: 80%; left: 10%; background-color: #EDEDED; margin-bottom: 50px; }
#create-section h1{ padding: 0 40px; margin: -20px 0 0 -5px; }
#create-section .col-md-12{ padding: 0; }
#create-section img{ width: 40%; left: 30%; position: relative; margin: 50px 0; }
#create-section h3{ font-size: 130%; padding: 30px; margin: 0; font-weight: bold; }
#create-section p{ font-size: 100%; padding: 10px 30px; margin: 0; }
#create-section ol{ padding: 0 80px; }
#create-section ol.num-brackets{ counter-reset: list; }
#create-section ol.num-brackets > li { list-style: none; }
#create-section ol.num-brackets > li:before { content: counter(list) ") "; counter-increment: list; }
#create-section ul{ padding: 0 40px; }
#create-section ul.dashed { list-style-type: none; }
#create-section ul.dashed > li { text-indent: -5px; }
#create-section ul.dashed > li:before { content: "- "; text-indent: -5px; }
#create-section li{ padding: initial; }
.create-box{ width: 30%; float: left; padding: 5% 5%; font-size: 180%; color: #FFF; font-weight: bold; text-align: center; border: 5px solid #3333; cursor: pointer; }
.current-submissions{ background-color: #9099A2; margin: 5% 5% 5% 15%; }
.create-your-own{ background-color: #9099A2; margin: 5% 15% 5% 5%; }
.create-box:hover{ background-color: #BCC8D4; font-size: 220%; transition: 0.5s; }
#create-section #accordion{ width: 90%; position: relative; left: 5%; margin: 50px 0; }
#create-section #accordion .card button{ color: #000; text-decoration: none !important; }
#create-section #accordion .card button:hover{ text-decoration: none !important; }
#create-section #accordion .card button:active{ text-decoration: none !important; }
#create-section #accordion .card button span{ font-weight: bold; text-decoration: underline; }
#create-section #accordion .card .card-body{ text-indent: 50px; }
#create-section #accordion .card .card-body p.star{ text-indent: 0; text-align: center; }

/* ----- Resource ----- */
#resource-section { position: relative; width: 80%; left: 10%; background-color: #EDEDED; margin-bottom: 50px; }
#resource-section h1{ padding: 0 40px; margin: -20px 0 0 -5px; }
#resource-section .col-md-12{ padding: 0; }
#resource-section .vids{ width: 70%; left: 15%; position: relative; height: 600px; }
#resource-section h3{ font-size: 130%; padding: 30px; margin: 0; font-weight: bold; }
#resource-section p{ font-size: 100%; padding: 10px 30px; margin: 0; }
#resource-section ul{ padding: 0 80px; }
#resource-section li{ padding: initial; }
#resource-section .marg-lft-span{ display: block; margin-left: 180px; }
#resource-section .right-div{ text-align: right; }
#resource-section .right-div ul{ padding: 0 30px; }
#resource-section .right-div li{ float: right; }

/* ----- Error ----- */
#error-section p{ font-size: 200%; padding: 50px; }

/* ----- Privacy ----- */
#privacy-section .privacy-text{ margin: 50px 0; }
#privacy-section .privacy-text p{ padding: 0 30px; font-size: 130%; }
#privacy-section .privacy-text ol li{ margin-left: 100px; font-size: 130%; }
#privacy-section .privacy-text ul li{ margin-left: 100px; font-size: 130%; }

/* ----- Terms & Conditions ----- */
#terms-section .terms-text{ margin: 50px 0; }
#terms-section .terms-text p{ padding: 0 30px; font-size: 130%; }
#terms-section .terms-text ul li{ margin-left: 100px; font-size: 130%; }

@media only screen and (min-width: 1201px) and (max-width: 1400px) {
	
	#banner-carousel .carousel-inner .carousel-item{ min-height: 299px; }
	
	.buy-from-wrapper{ width: 70%; }
}

@media only screen and (min-width: 993px) and (max-width: 1200px) {
	
	#banner-carousel .carousel-inner .carousel-item{ min-height: 246px; }
	
	/* ----- Footer ----- */
	footer .kofi-button { width: 20%; }
	
	.buy-from-wrapper{ width: 70%; }

	/* ----- About ----- */
	#about-section img{ width: 30%; }
}

@media only screen and (min-width: 577px) and (max-width: 992px) {
	
	#banner-carousel .carousel-inner .carousel-item{ min-height: 176px; }
	
	/* ----- Footer ----- */
	footer .kofi-button { position: relative; left: 0; top: 0; margin-bottom: 10px; width: 40%; left: 30%; }
	
	.buy-from-wrapper{ width: 70%; }
	.buy-from-wrapper p{ font-size: 100%; }
	.buy-from li{ width: 60px; }
	.buy-from li img{ width: 60% !important; }
}

/* ----------------------------------------- MOBILE --------------------------------------------- */
@media only screen and (max-width: 576px) {
	/* header{ height: 80px; } */
	
	#banner-carousel{ margin-top: 80px; }
	#banner-carousel .carousel-inner .carousel-item{ min-height: initial; }
    .amazon-logo, .book-depository-logo, .agenda-logo{ width: 100% !important; left: 0; }

	h1{ padding: 0 10px; width: 100%; text-align: center; font-size: 130% !important; margin: 0; border-radius: unset; border-top: 5px solid #3333; border-right: 0px solid #3333; }
	
	header h2{ margin-top: 58px;  }
	header h1{ position: relative; top: 60px; font-size: 130%; }
	header .col-sm-6{ margin-top: 0; }
	.quote{ display: none; }
	header .social-media{ padding: 0; text-align: left; position: fixed; background-color: #96858F; z-index: 100; border-left: 2px solid #FFF; border-right: 2px solid #FFF; border-top: 2px solid #FFF; border-bottom: 2px solid #FFF; }
	header .social-media a i{ margin: 5px 0 5px 5px; width: 35px; }
	header .social-media a:hover{ color: #D5D5D5; }
	header .social-media .mobile-menu{ display: block; position: absolute; top: 0; right: 10px; }
	nav{ background-color: #96858F; margin: 0; display: none; position: fixed; z-index: 100; width: 100%; top: 54px; border-left: 2px solid #FFF; border-right: 2px solid #FFF; border-bottom: 2px solid #FFF; }
	nav.col-sm-6{ padding: 0; position: fixed; }
	nav ul{ text-align: left; }
	nav ul span{ display: none; }
	nav ul li{ display: block; font-size: 80%; }
	nav ul li a:hover{ background-color: unset; }
	nav ul li a.active{ color: #FFF; background-color: #CCC; border: 0; border-radius: 0; margin: 0; }
	nav ul li a{ display: block; margin: 0; }
	.language-selector { z-index: 998; padding: 0; /*padding-right: 60px; padding-top: 10px;*/ position: fixed; top: 10px; left: 235px; width: 80px; }
	.language-selector p{ padding: 0; }
	
	/* ----- Footer ----- */
	footer{ padding: 0 20px 20px 20px!important; background-color: #9099A2; }
	footer .footer-line{ height: 30px; }
	footer .social-media a i{ font-size: 200%; }
	footer .sitemap{ position: relative; right: 0; width: 100%; }
	footer .sitemap ul{ list-style: none; width: 100%; text-align: center; margin-bottom: 20px; }
	footer .sitemap ul span{ margin: 0 5px; color: #D5D5D5; }
	footer .sitemap ul li{ display: inline; margin: 0 5px 0 5px; }
	footer .sitemap ul li a{ font-size: 90%; }
	footer .copyright span{ font-size: 80%; text-align: center; }
	footer .copyright span a{ margin-left: 0; width: 49%; display: inline-block; }
	footer hr{ margin-top: 0; }
	footer .kofi-button { position: relative; left: 0; top: 0; margin-bottom: 10px; width: 60%; left: 20%; }

	/* ----- Home Page ----- */
	/* ----- OVERRIDES ----- */
	/* #books-carousel{ touch-action: none; } */
	.carousel-control-next, .carousel-control-prev{ display: none; }
	.carousel-inner .book-container img{ max-height: 370px; padding: 0 40px; }
	.carousel-inner{ width: 100%; left: 0; margin: 30px 0; }
	.carousel-inner .book-container{ padding: 10px; }
	.carousel-inner .book-container img{ margin-bottom: 20px; }
	.carousel-inner .book-container p{ font-size: 80%;	}
	.carousel-inner .book-container .read-more-text{ padding: 0px 20px 0 20px; }
	
	.book-container .col-sm-12 { padding: 0; }
	
	#lightSlider { max-height: 370px; } 
	.lSGallery img { padding: 0 !important; }
	
	.buy-from-wrapper{ bottom: 10px; right: 15px; padding: 0 20px; width: 98%; }
	.buy-from-wrapper ul li img{ padding: 0 !important; margin-bottom: 0 !important; }
	.buy-from li{ width: 60px; }
	.buy-from li img{ width: 60% !important; }
	
	/* ----- Contact ----- */
	#contact-section { left: 0; width: 100%; }
	#contact-section .row{ margin: 0px; }
	#contact-section .col-md-12{ padding: 0; }
	#contact-section h1{ font-size: 150%; margin-bottom: 20px; text-align: center; }
	#contact-section #contact-form{ padding: 20px 5px; margin: 0; }
	#contact-section #contact-form button{ width: 90%; left: 5%; }
	#contact-section .contact-info{ padding: 20px 5px; margin: 0; }
	#contact-section .contact-info p{ font-size: 100%; margin: 0; padding: 0 5px; }
	#contact-section p{ font-size: 100%; margin: 0; padding: 15px 10px; }
	#contact-section .form-message { width: 100%; padding: 0 5px; }
	#contact-section .form-message div{ font-size: 90%; padding: 10px; }
	
	/* ----- About ----- */
	#about-section { width: 100%; left: 0; margin-bottom: 50px; }
	#about-section .row{ margin: 0px; }
	#about-section h1{ padding: 0; margin-left: 0px; }
	#about-section .col-md-12{ text-align: center; padding: 0; }
	#about-section .img-container{ width: 100%; background-color: #EDEDED; }
	#about-section img{ width: 80%; margin: 20px 0; }
	#about-section p{ font-size: 100%; padding: 10px; }
	
	/* ----- FAQ ----- */
	#faq-section { width: 100%; left: 0; margin-bottom: 50px; }
	#faq-section .row{ margin: 0px; }
	#faq-section h1{ padding: 0; margin-left: 0px; }
	#faq-section img{ width: 80%; left: 10%; position: relative; margin: 20px 0; }
	#faq-section h3{ font-size: 115%; padding: 10px 20px; margin: 0; font-weight: bold; }
	#faq-section p{ font-size: 100%; padding: 10px 20px; margin: 0; }
	
	/* ----- Create ----- */
	#create-section { width: 100%; left: 0; margin-bottom: 50px;  }
	#create-section .row{ margin: 0px; }
	#create-section h1{ padding: 0; margin-left: 0px; }
	#create-section h3{ font-size: 115%; padding: 10px 20px; margin: 0; font-weight: bold; }
	#create-section p{ font-size: 100%; padding: 10px 20px; margin: 0; }
	#create-section ol.num-brackets{ padding: 0 20px; }
	#create-section ol{ padding: 0 40px; }
	#create-section ul{ padding: 0 20px; }
	#create-section li{ padding: initial; }

	.create-box{ width: 90%; float: none; padding: 10px 0; font-size: 100%; color: #FFF; font-weight: bold; text-align: center; border: 5px solid #3333; cursor: pointer; }
	.current-submissions{ background-color: #9099A2; margin: 5%; }
	.create-your-own{ background-color: #9099A2; margin: 5% 15% 5% 5%; }
	.create-box:hover{ background-color: #BCC8D4; font-size: 120%; transition: 0.5s; }
	#create-section #accordion{ width: 100%; position: relative; left: 0; margin: 10px 0; }
	#create-section #accordion .card-header{ padding: 0; }
	#create-section #accordion .card-header .btn{ overflow: hidden; white-space: unset; }
	#create-section #accordion .card button{ color: #000; text-decoration: none !important; }
	#create-section #accordion .card button:hover{ text-decoration: none !important; }
	#create-section #accordion .card button:active{ text-decoration: none !important; }
	#create-section #accordion .card button span{ font-weight: bold; text-decoration: underline; }
	#create-section #accordion .card .card-body{ text-indent: 20px; padding: 0; font-size: 80%; }
	#create-section #accordion .card .card-body em{ font-size: 100% !important; }
	
	/* ----- Resource ----- */
	#resource-section { width: 100%; left: 0; margin-bottom: 50px;  }
	#resource-section .row{ margin: 0px; }
	#resource-section h1{ padding: 0; margin-left: 0px; }
	#resource-section h3{ font-size: 115%; padding: 10px 20px; margin: 0; font-weight: bold; }
	#resource-section p{ font-size: 100%; padding: 10px 20px; margin: 0; }
	#resource-section ul{ padding: 0 30px; }
	#resource-section li{ padding: initial; }
	#resource-section .vids{ width: 100%; left: 0%; height: 250px; }
	#resource-section .marg-lft-span{ margin-left: 0px; }
	#resource-section .right-div{ text-align: right; }
	#resource-section .right-div ul{ padding: 0 20px; }
	#resource-section .right-div li{ float: right; }
	
	/* ----- Privacy ----- */
	#privacy-section .col-md-12{ padding: 0; }
	#privacy-section .privacy-text{ margin: 30px 10px; }
	#privacy-section .privacy-text p{ padding: 0; font-size: 100%; text-align: left; }
	#privacy-section .privacy-text ol li{ margin-left: 30px; font-size: 100%; }

	/* ----- Terms & Conditions ----- */
	#terms-section .col-md-12{ padding: 0; }
	#terms-section .terms-text{ margin: 30px 10px; }
	#terms-section .terms-text p{ padding: 0; font-size: 100%; text-align: left; }
	
	/* ----- Error ----- */
	#error-section h1{ padding: 0 40px; }
	#error-section .col-md-12{ padding: 0; }
	#error-section p{ font-size: 110%; padding: 10px; }
} 

@media only screen and (max-height: 350px){
	/* ----- Home Page ----- */
	.carousel-inner .book-container .col-sm-3{ text-align: center; }
	.carousel-inner .book-container img{ width: 100%; padding: 0 !important; }

	h1{ padding: 0 10px; width: 100%; text-align: center; font-size: 130% !important; margin: 0; border-radius: unset; border-top: 5px solid #3333; border-right: 0px solid #3333; }
	
	header h2{ margin-top: 58px; }
	header img{ width: 70%; }
	header h1{ position: relative; top: 60px; font-size: 130%; }
	header .col-sm-6{ margin-top: 0; }
	.quote{ display: none; }
	header .social-media{ max-width: 100%; padding: 0; text-align: left; position: fixed; background-color: #96858F; z-index: 100; border-left: 2px solid #FFF; border-right: 2px solid #FFF; border-top: 2px solid #FFF; border-bottom: 2px solid #FFF; }
	header .social-media a i{ margin: 5px 0 5px 10px; }
	header .social-media a:hover{ color: #D5D5D5; }
	header .social-media .mobile-menu{ display: block; position: absolute; top: 0; right: 10px; }
	nav{ background-color: #96858F; margin: 0; display: none; position: fixed; z-index: 100; width: 100%; top: 54px; border-left: 2px solid #FFF; border-right: 2px solid #FFF; border-bottom: 2px solid #FFF; }
	nav.col-sm-6{ padding: 0; position: fixed; max-width: 100%; }
	nav ul{ text-align: left; }
	nav ul span{ display: none; }
	nav ul li{ display: block; font-size: 80%; }
	nav ul li a:hover{ background-color: unset; }
	nav ul li a.active{ color: #FFF; background-color: #CCC; border: 0; border-radius: 0; margin: 0; }
	nav ul li a{ display: block; margin: 0; }
	.language-selector { z-index: 998; padding: 0; padding-right: 60px; padding-top: 10px; position: fixed; }
	
	/* ----- Footer ----- */
	footer{ padding: 0 20px 20px 20px!important; background-color: #9099A2; }
	footer .footer-line{ height: 30px; }
	footer .social-media a i{ font-size: 200%; }
	footer .sitemap{ position: relative; right: 0; width: 100%; }
	footer .sitemap ul{ list-style: none; width: 100%; text-align: center; }
	footer .sitemap ul span{ margin: 0 5px; color: #D5D5D5; }
	footer .sitemap ul li{ display: inline; margin: 0 5px 0 5px; }
	footer .sitemap ul li a{ font-size: 90%; }
	footer .copyright span{ font-size: 80%; text-align: center; }
	footer .copyright span a{ margin-left: 0; width: 49%; display: inline-block; }
	footer hr{ margin-top: 0; }

	/* ----- Home Page ----- */
	/* ----- OVERRIDES ----- */
	/* #books-carousel{ touch-action: none; } */
	.carousel-control-next, .carousel-control-prev{ display: none; }
	.carousel-inner .book-container img{ max-height: 350px; padding: 0 40px; }
	.carousel-inner{ width: 100%; left: 0; margin: 30px 0; }
	.carousel-inner .book-container{ padding: 10px; }
	.carousel-inner .book-container img{ margin-bottom: 20px; }
	.carousel-inner .book-container p{ font-size: 80%;	}
	.carousel-inner .book-container .read-more-text{ padding: 0px 20px 0 20px; }
	
	/* ----- Contact ----- */
	#contact-section .col-md-12{ padding: 0; }
	#contact-section h1{ font-size: 150%; margin-bottom: 20px; text-align: center; }
	#contact-section #contact-form{ padding: 20px 5px; margin: 0; }
	#contact-section #contact-form button{ width: 90%; left: 5%; }
	#contact-section .contact-info{ padding: 20px 5px; margin: 0; }
	#contact-section .contact-info p{ font-size: 100%; margin: 0; padding: 0 5px; }
	#contact-section p{ font-size: 100%; margin: 0; padding: 15px 10px; }
	#contact-section .form-message { width: 100%; padding: 0 5px; }
	#contact-section .form-message div{ font-size: 90%; padding: 10px; }

	/* ----- About ----- */
	#about-section h1{ padding: 0 40px; }
	#about-section .col-md-12{ text-align: center; padding: 0; }
	#about-section .img-container{ width: 100%; background-color: #EDEDED; }
	#about-section p{ font-size: 100%; padding: 10px; }
	#about-section img{ border: 5px solid #9099A2; width: 40%; }
	
	/* ----- Privacy ----- */
	#privacy-section .col-md-12{ padding: 0; }
	#privacy-section .privacy-text{ margin: 30px 10px; }
	#privacy-section .privacy-text p{ padding: 0; font-size: 100%; text-align: left; }
	#privacy-section .privacy-text ol li{ margin-left: 30px; font-size: 100%; }

	/* ----- Terms & Conditions ----- */
	#terms-section .col-md-12{ padding: 0; }
	#terms-section .terms-text{ margin: 30px 10px; }
	#terms-section .terms-text p{ padding: 0; font-size: 100%; text-align: left; }
	
	/* ----- Error ----- */
	#error-section h1{ padding: 0 40px; }
	#error-section .col-md-12{ padding: 0; }
	#error-section p{ font-size: 110%; padding: 10px; }
}