/********************************************************************************************
 1. STYLES FOR MOBILE DEVICES - media screen max width: 400px (line 23)
 2. STYLES FOR MOBILE DEVICES - media screen min width: 400px / max width: 480px (line 221)
 3. STYLES FOR MOBILE DEVICES - media screen min width: 480px / max width: 568px (line 416)
 4. STYLES FOR MOBILE DEVICES - media screen min width: 568px / max width: 600px (line 615)
 5. STYLES FOR MOBILE DEVICES - media screen min width: 600px / max width: 700px (line 814)
 6. STYLES FOR MOBILE DEVICES - media screen min width: 700px / max width: 768px (line 1013)
 7. STYLES FOR MOBILE DEVICES - media screen min width: 768px / max width: 1024px (line 1215)
 8. STYLES FOR MOBILE DEVICES - media screen min width: 1024px / max width: 1170px (line 1416)
 9. STYLES FOR MOBILE DEVICES - media screen min width: 1170px / max width: 1280px (line 1630)
 10. STYLES FOR MOBILE DEVICES - media screen min width: 1280px / max width: 1366px (line 1843)
 11. STYLES FOR MOBILE DEVICES - media screen min width: 1336px / max width: 1440px (line 2057) 
 12. STYLES FOR MOBILE DEVICES - media screen min width: 1440px / max width: 1536px (line 2268) 
 13. STYLES FOR MOBILE DEVICES - media screen min width: 1536px / max width: 1680px (line 2479)
 14. STYLES FOR MOBILE DEVICES - media screen min width: 1680px / max width: 1900px (line 2689)
 15. * SECTIONS media queries (line 2900)
 16. * NAVIGATION media queries (line 2977)
 17. * GUESTBOOK media query (line 2993)
*********************************************************************************************/



/*-- 1. STYLES FOR MOBILE DEVICES - media screen max width: 400px --*/
@media only screen and (max-width: 400px) {
	
	h1 {
		font-size: 1.3em;
		color: #212121;
		padding: 39% 5% 0 5%;
		text-align: center;
		line-height: 1.6;
	}
	
	h2 {
		font-size: 1.7em;
	}
	
	h3 {
		font-size: 1.4em;
	}
	
	p {
		line-height: 1.6;
	}
	
	.rectangle {
		margin: 0 0 10px 0;
	}
			
	.cd-section:first-of-type .cd-block {
		width: 100%;
		height: auto;
	}
	
	.cd-half-block:nth-of-type(1) {
		height: 100vmin;
	}
	
	.cd-half-block:nth-of-type(2) {
		padding: 4em 10%;
	}
	
	.logo {
		background: url('../images/logo.png') no-repeat;
		background-size: cover;
		width: 250px;
		height: 100px;
		top: 45px;
	}
		
	#countdown-bg {
		margin: 4% auto 1% 0;
	}
	
	ul#countdown li {
		width: 64px;
		text-align: center;
		padding-top: 0;
		border-right: 0 none;
		border-right: 1px dashed rgba(0,0,0,0.4);
	}
	
	ul#countdown li:first-child {
		border-left: 1px dashed rgba(0,0,0,0.4);
	}
	
	ul#countdown li span {
		font-size: 2em;
		color: #212121;
		text-shadow: none;
	}
	
	ul#countdown li p.timeRefDays, ul#countdown li p.timeRefHours, ul#countdown li p.timeRefMinutes, ul#countdown li p.timeRefSeconds {
		color: #212121;
		font-size: 0.8em;
		text-shadow: none;
		margin-top: 0px;
	}
	
	.input-group {
		top: 25px;
		margin: 0 auto;
		width: 25%;
	}
	
	.submission {
		width: 155px;
		height: 35px;
		padding: 6px 12px;
		font-size: 1.1em;
		color: #212121;
		border: 1px solid rgba(64,155,18,0.5);
	}
	
	.btn-success {
		height: 35px;
	}
	
	#socialicons {
		margin: 3em auto 4em;
	}
	
	#socialicons .icon {
		color: #212121;
		font-size: 1.5em;
		margin: 8% 1.8% 0.2%;
	}
	
	#guestbook {
		margin: 4em auto 0 auto;
	}
	
	#reviews {
		margin: 5em auto 0 auto;
	}
	
	.slider{
		width: 100%;
	}

	.program img {
		padding: 0;
		width: 40px;
	}
	
	.contact-details {
		padding: 20px 0;
	}
	
	.contact-details-box {
		margin: 0 0 2em 0;
	}
	
	.contact-details-icon {
		font-size: 1.4em;
	}
	
	.contact-details-title {
		font-size: 1.4em;
	}
	
	.form-control {
		height: 35px;
	}
	
	.text-muted {
		padding: 0 3% 6%;
	}
	
	.btn-default {
		margin-bottom: 3em;
		height: 35px;
	}
	
	.navigation .hamburger-menu {
		top: 10px;
		right: 10px;
	}

	.menu-logo {
		display: none;
	}
	
	.navigation .menu-container .menu {
		top: 50%;
		left: 50%;
		width: 90%;
	}
	
	.navigation .menu-container .menu li {
		display: block;
		margin: 0 16px;
	}
	
	.navigation .menu-container .menu li a {
		display: block;
		font-size: 1.7rem;
		padding: 5% 0;
		line-height: 1.2;
	}
	
	.navigation .menu-container .menu li p {
		display: none;
	}
	
	.navigation .menu-container .menu li.menu-line {
		display: none;
	}
	
	.navigation .menu-container .menu-info {
		bottom: 5%;
	}

	.navigation .menu-container .menu-info p {
		display: none;
	}
	
}


/*-- 2. STYLES FOR MOBILE DEVICES - media screen min width: 400px / max width: 480px --*/
@media screen and (min-width: 400px) and (max-width: 480px) {
	
	h1 {
		font-size: 1.5em;
		color: #212121;
		padding: 36% 5% 0 5%;
		text-align: center;
		line-height: 1.6;
	}
	
	h2 {
		font-size: 1.7em;
	}
	
	h3 {
		font-size: 1.4em;
	}
	
	p {
		line-height: 1.6;
	}
	
	.rectangle {
		margin: 0 0 10px 0;
	}
			
	.cd-section:first-of-type .cd-block {
		height: auto;
	}
	
	.cd-half-block:nth-of-type(1) {
		height: 100vmin;
	}
	
	.cd-half-block:nth-of-type(2) {
		padding: 5em 10%;
	}
	
	.logo {
		background: url('../images/logo.png') no-repeat;
		background-size: cover;
		width: 300px;
		height: 120px;
		top: 50px;
	}
	
	#countdown-bg {
		margin: 2% auto 1% 0;
	}
	
	ul#countdown li {
		width: 80px;
		text-align: center;
		padding-top: 0;
		border-right: 0 none;
		border-right: 1px dashed rgba(0,0,0,0.4);
	}
	
	ul#countdown li:first-child {
		border-left: 1px dashed rgba(0,0,0,0.4);
	}
	
	ul#countdown li span {
		font-size: 2.5em;
		color: #212121;
		text-shadow: none;
	}
	
	ul#countdown li p.timeRefDays, ul#countdown li p.timeRefHours, ul#countdown li p.timeRefMinutes, ul#countdown li p.timeRefSeconds {
		color: #212121;
		font-size: 0.9em;
		text-shadow: none;
		margin-top: 0px;
	}
	
	.input-group {
		top: 25px;
		margin: 0 auto;
		width: 25%;
	}
	
	.submission {
		width: 220px;
		height: 35px;
		padding: 6px 12px;
		font-size: 1.1em;
		color: #212121;
		border: 1px solid rgba(64,155,18,0.5);
	}
	
	.btn-success {
		height: 35px;
	}
	
	#socialicons {
		margin: 2em auto 5em;
	}
	
	#socialicons .icon {
		color: #212121;
		font-size: 1.5em;
		margin: 8% 1.8% 0.2%;
	}
	
	#guestbook {
		margin: 4em auto 0 auto;
	}
	
	#reviews {
		margin: 5em auto 0 auto;
	}
		
	.slider{
		width: 100%;
	}
	
	.program img {
		padding: 0;
		width: 40px;
	}
	
	.contact-details {
		padding: 20px 0;
	}
	
	.contact-details-box {
		margin: 0 0 2em 0;
	}
	
	.contact-details-icon {
		font-size: 1.4em;
	}
	
	.contact-details-title {
		font-size: 1.4em;
	}
	
	.form-control {
		height: 35px;
	}
	
	.text-muted {
		padding: 0 3% 6%;
	}
	
	.btn-default {
		margin-bottom: 3em;
		height: 35px;
	}
	
	.navigation .hamburger-menu {
		top: 15px;
		right: 15px;
	}

	.menu-logo {
		display: none;
	}
	
	.navigation .menu-container .menu {
		top: 50%;
		left: 50%;
		width: 80%;
	}
	
	.navigation .menu-container .menu li {
		display: block;
		margin: 0 16px;
	}
	
	.navigation .menu-container .menu li a {
		font-size: 1.9rem;
		padding: 15px 0;
		line-height: 1.2;
	}
	
	.navigation .menu-container .menu li p {
		display: none;
	}
	
	.navigation .menu-container .menu li.menu-line {
		display: none;
	}
	
	.navigation .menu-container .menu-info {
		bottom: 5%;
	}
	
	.navigation .menu-container .menu-info p {
		font-size: 1.1rem;
	}
}


/*-- 3. STYLES FOR MOBILE DEVICES - media screen min width: 480px / max width: 568px --*/
@media screen and (min-width: 480px) and (max-width: 568px) {
	
	h1 {
		font-size: 1.5em;
		color: #212121;
		padding: 40% 5% 0 5%;
		text-align: center;
		line-height: 1.6;
	}
	
	h2 {
		font-size: 1.8em;
	}
	
	h3 {
		font-size: 1.4em;
	}
	
	p {
		line-height: 1.6;
	}
	
	.rectangle {
		margin: 0 0 15px 0;
	}
			
	.cd-section:first-of-type .cd-block {
		height: auto;
	}
	
	.cd-half-block:nth-of-type(1) {
		height: 100vmin;
	}
	
	.cd-half-block:nth-of-type(2) {
		padding: 5em 10%;
	}
	
	.logo {
		background: url('../images/logo.png') no-repeat;
		background-size: cover;
		width: 300px;
		height: 120px;
		top: 70px;
	}
	
	#countdown-bg {
		margin: 2% auto 1% 0;
	}
	
	ul#countdown li {
		width: 90px;
		text-align: center;
		padding-top: 0;
		border-right: 0 none;
		border-right: 1px dashed rgba(0,0,0,0.4);
	}
	
	ul#countdown li:first-child {
		border-left: 1px dashed rgba(0,0,0,0.4);
	}
	
	ul#countdown li span {
		font-size: 2.5em;
		color: #212121;
		text-shadow: none;
	}
	
	ul#countdown li p.timeRefDays, ul#countdown li p.timeRefHours, ul#countdown li p.timeRefMinutes, ul#countdown li p.timeRefSeconds {
		color: #212121;
		font-size: 0.9em;
		text-shadow: none;
		margin-top: 0px;
	}
	
	.input-group {
		top: 25px;
		margin: 0 auto;
		width: 25%;
	}
	
	.submission {
		width: 255px;
		height: 35px;
		padding: 6px 12px;
		font-size: 1.1em;
		color: #212121;
		border: 1px solid rgba(64,155,18,0.5);
	}
	
	.btn-success {
		height: 35px;
	}
	
	#socialicons {
		margin: 2em auto 5em;
	}
	
	#socialicons .icon {
		color: #212121;
		font-size: 1.5em;
		margin: 8% 1.8% 0.2%;
	}
	
	#guestbook {
		margin: 4em auto 0 auto;
	}
	
	#reviews {
		margin: 5em auto 0 auto;
	}
		
	.slider{
		width: 100%;
	}
	
	.program {
		padding: 1% 0 5% 0;
	}

	.program img {
		padding: 0;
		width: 40px;
	}
	
	.contact-details {
		padding: 20px 0;
	}
	
	.contact-details-box {
		margin: 0 0 2em 0;
	}
	
	.contact-details-icon {
		font-size: 1.4em;
	}
	
	.contact-details-title {
		font-size: 1.4em;
	}
	
	.form-control {
		height: 35px;
	}
	
	.text-muted {
		padding: 0 3% 6%;
	}
	
	.btn-default {
		margin-bottom: 4em;
		height: 35px;
	}
	
	.navigation .hamburger-menu {
		top: 15px;
		right: 15px;
	}

	.menu-logo {
		display: none;
	}
	
	.navigation .menu-container .menu {
		top: 50%;
		left: 50%;
		width: 80%;
	}
	
	.navigation .menu-container .menu li {
		display: block;
		margin: 0 16px;
	}
	
	.navigation .menu-container .menu li a {
		font-size: 1.9rem;
		padding: 15px 0;
		line-height: 1.2;
	}
	
	.navigation .menu-container .menu li p {
		display: none;
	}
	
	.navigation .menu-container .menu li.menu-line {
		display: none;
	}
	
	.navigation .menu-container .menu-info {
		bottom: 5%;
	}
	
	.navigation .menu-container .menu-info p {
		display: none;
	}
}


/*-- 4. STYLES FOR MOBILE DEVICES - media screen min width: 568px / max width: 600px --*/
@media screen and (min-width: 568px) and (max-width: 600px) {

	h1 {
		font-size: 1.4em;
		color: #212121;
		padding: 19% 1.5% 10% 1.5%;
		text-align: center;
		line-height: 1.6;
	}
	
	h2 {
		font-size: 1.8em;
	}
	
	h3 {
		font-size: 1.4em;
	}
	
	p {
		line-height: 1.6;
	}
	
	.rectangle {
		margin: 0 0 15px 0;
	}
			
	.cd-section:first-of-type .cd-block {
		height: auto;
	}
	
	.cd-half-block:nth-of-type(1) {
		height: 100vmin;
	}
	
	.cd-half-block:nth-of-type(2) {
		padding: 5em 10%;
	}
	
	.logo {
		background: url('../images/logo.png') no-repeat;
		background-size: cover;
		width: 250px;
		height: 100px;
		top: 70px;
	}
	
	#countdown-bg {
		margin: 5% auto 1% 0;
	}
	
	ul#countdown li {
		width: 100px;
		text-align: center;
		padding-top: 0;
		border-right: 0 none;
		border-right: 1px dashed rgba(0,0,0,0.4);
	}
	
	ul#countdown li:first-child {
		border-left: 1px dashed rgba(0,0,0,0.4);
	}
	
	ul#countdown li span {
		font-size: 2.5em;
		color: #212121;
		text-shadow: none;
	}
	
	ul#countdown li p.timeRefDays, ul#countdown li p.timeRefHours, ul#countdown li p.timeRefMinutes, ul#countdown li p.timeRefSeconds {
		color: #212121;
		font-size: 0.9em;
		text-shadow: none;
		margin-top: 0px;
	}
	
	.input-group {
		top: 25px;
		margin: 0 auto;
		width: 25%;
	}
	
	.submission {
		width: 300px;
		height: 35px;
		padding: 6px 12px;
		font-size: 1.1em;
		color: #212121;
		border: 1px solid rgba(64,155,18,0.5);
	}
	
	.btn-success {
		height: 35px;
	}
	
	#socialicons {
		margin: 2em auto 5em;
	}
	
	#socialicons .icon {
		color: #212121;
		font-size: 1.5em;
		margin: 8% 1.8% 0.2%;
	}
	
	#guestbook {
		margin: 4em auto 0 auto;
	}
	
	#reviews {
		margin: 5em auto 0 auto;
	}
		
	.slider{
		width: 100%;
	}
	
	.program {
		padding: 1% 0 5% 0;
	}

	.program img {
		padding: 0;
		width: 40px;
	}
	
	.contact-details {
		padding: 20px 0;
	}
	
	.contact-details-box {
		margin: 0 0 2em 0;
	}
	
	.contact-details-icon {
		font-size: 1.4em;
	}
	
	.contact-details-title {
		font-size: 1.4em;
	}
	
	.form-control {
		height: 35px;
	}
	
	.text-muted {
		padding: 0 3% 6%;
	}
	
	.btn-default {
		margin-bottom: 4em;
		height: 35px;
	}
	
	.navigation .hamburger-menu {
		top: 15px;
		right: 15px;
	}

	.menu-logo {
		display: none;
	}
	
	.navigation .menu-container .menu {
		top: 50%;
		left: 50%;
		width: 80%;
	}
	
	.navigation .menu-container .menu li {
		display: block;
		margin: 0 16px;
	}
	
	.navigation .menu-container .menu li a {
		font-size: 1.9rem;
		padding: 15px 0;
		line-height: 1.2;
	}
	
	.navigation .menu-container .menu li p {
		display: none;
	}
	
	.navigation .menu-container .menu li.menu-line {
		display: none;
	}
	
	.navigation .menu-container .menu-info {
		bottom: 5%;
	}
	
	.navigation .menu-container .menu-info p {
		display: none;
	}
}


/*-- 5. STYLES FOR MOBILE DEVICES - media screen min width: 600px / max width: 700px --*/
@media screen and (min-width: 600px) and (max-width: 700px) {

	h1 {
		font-size: 1.4em;
		color: #212121;
		padding: 19% 1.5% 10% 1.5%;
		text-align: center;
		line-height: 1.6;
	}
	
	h2 {
		font-size: 1.8em;
	}
	
	h3 {
		font-size: 1.4em;
	}
	
	p {
		line-height: 1.6;
	}
	
	.rectangle {
		margin: 0 0 15px 0;
	}
			
	.cd-section:first-of-type .cd-block {
		height: auto;
	}
	
	.cd-half-block:nth-of-type(1) {
		height: 60vh;
	}
	
	.cd-half-block:nth-of-type(2) {
		padding: 5em 10%;
	}
	
	.logo {
		background: url('../images/logo.png') no-repeat;
		background-size: cover;
		width: 250px;
		height: 100px;
		top: 70px;
	}
	
	#countdown-bg {
		margin: 6% auto 1% 0;
	}
	
	ul#countdown li {
		width: 100px;
		text-align: center;
		padding-top: 0;
		border-right: 0 none;
		border-right: 1px dashed rgba(0,0,0,0.4);
	}
	
	ul#countdown li:first-child {
		border-left: 1px dashed rgba(0,0,0,0.4);
}
	
	ul#countdown li span {
		font-size: 2.8em;
		color: #212121;
		text-shadow: none;
	}
	
	ul#countdown li p.timeRefDays, ul#countdown li p.timeRefHours, ul#countdown li p.timeRefMinutes, ul#countdown li p.timeRefSeconds {
		color: #212121;
		font-size: 0.9em;
		text-shadow: none;
		margin-top: 0px;
	}
	
	.input-group {
		top: 25px;
		margin: 0 auto;
		width: 25%;
	}
	
	.submission {
		width: 300px;
		height: 35px;
		padding: 6px 12px;
		font-size: 1.1em;
		color: #212121;
		border: 1px solid rgba(64,155,18,0.5);
	}
	
	.btn-success {
		height: 35px;
	}
	
	#socialicons {
		margin: 1.5em auto 5em;
	}
	
	#socialicons .icon {
		color: #212121;
		font-size: 1.5em;
		margin: 8% 1.8% 0.2%;
	}
	
	#guestbook {
		margin: 4em auto 0 auto;
	}
	
	#reviews {
		margin: 5em auto 0 auto;
	}
		
	.slider{
		width: 100%;
	}
	
	.program {
		padding: 1% 0 5% 0;
	}

	.program img {
		padding: 0;
		width: 40px;
	}
	
	.contact-details {
		padding: 20px 0;
	}
	
	.contact-details-box {
		margin: 0 0 2em 0;
	}
	
	.contact-details-icon {
		font-size: 1.4em;
	}
	
	.contact-details-title {
		font-size: 1.4em;
	}
	
	.form-control {
		height: 35px;
	}
	
	.text-muted {
		padding: 0 3% 6%;
	}
	
	.btn-default {
		margin-bottom: 4em;
		height: 35px;
	}
	
	.navigation .hamburger-menu {
		top: 20px;
		right: 20px;
	}

	.menu-logo {
		display: none;
	}
	
	.navigation .menu-container .menu {
		top: 50%;
		left: 50%;
		width: 80%;
	}
	
	.navigation .menu-container .menu li {
		display: block;
		margin: 0 16px;
	}
	
	.navigation .menu-container .menu li a {
		font-size: 2rem;
		padding: 15px 0;
		line-height: 1.2;
	}
	
	.navigation .menu-container .menu li p {
		display: none;
	}
	
	.navigation .menu-container .menu li.menu-line {
		display: none;
	}
	
	.navigation .menu-container .menu-info {
		bottom: 5%;
	}
	
	.navigation .menu-container .menu-info p {
		display: none;
	}
}


/*-- 6. STYLES FOR MOBILE DEVICES - media screen min width: 700px / max width: 768px --*/
@media screen and (min-width: 700px) and (max-width: 768px) {

	h1 {
		font-size: 1.6em;
		color: #212121;
		padding: 14% 2% 0 2%;
		text-align: center;
		line-height: 1.4;
	}
	
	h2 {
		font-size: 1.8em;
	}
	
	h3 {
		font-size: 1.4em;
	}
	
	p {
		line-height: 1.6;
	}
	
	.rectangle {
		margin: 0 0 15px 0;
	}
			
	.cd-section:first-of-type .cd-block {
		height: auto;
	}
	
	.cd-half-block:nth-of-type(1) {
		height: 60vh;
	}
	
	.cd-half-block:nth-of-type(2) {
		padding: 5em 10%;
	}
	
	.logo {
		background: url('../images/logo.png') no-repeat;
		background-size: cover;
		width: 250px;
		height: 100px;
		top: 70px;
	}
	
	#countdown-bg {
		margin: 2% auto 7% 0;
	}
	
	ul#countdown li {
		width: 100px;
		text-align: center;
		padding-top: 0;
		border-right: 0 none;
		border-right: 1px dashed rgba(0,0,0,0.4);
	}
	
	ul#countdown li:first-child {
		border-left: 1px dashed rgba(0,0,0,0.4);
	}
	
	ul#countdown li span {
		font-size: 2.8em;
		color: #212121;
		text-shadow: none;
	}
	
	ul#countdown li p.timeRefDays, ul#countdown li p.timeRefHours, ul#countdown li p.timeRefMinutes, ul#countdown li p.timeRefSeconds {
		color: #212121;
		font-size: 0.9em;
		text-shadow: none;
		margin-top: 0px;
	}
	
	.input-group {
		top: 25px;
		margin: 0 auto;
		width: 25%;
	}
	
	.submission {
		width: 300px;
		height: 35px;
		padding: 6px 12px;
		font-size: 1.1em;
		color: #212121;
		border: 1px solid rgba(64,155,18,0.5);
	}
	
	.btn-success {
		height: 35px;
	}
	
	#socialicons {
		margin: 1em auto 4em;
	}
	
	#socialicons .icon {
		color: #212121;
		font-size: 1.5em;
		margin: 8% 0.8% 0.2%;
	}
	
	#guestbook {
		margin: 4em auto 0 auto;
	}
	
	#reviews {
		margin: 5em auto 0 auto;
	}
		
	.slider{
		width: 100%;
	}
	
	.program {
		padding: 1% 0 5% 0;
	}

	.program img {
		padding: 0;
		width: 40px;
	}
	
	.contact-details {
		padding: 20px 0;
	}
	
	.contact-details-box {
		margin: 0 0 2em 0;
	}
	
	.contact-details-icon {
		font-size: 1.4em;
	}
	
	.contact-details-title {
		font-size: 1.4em;
	}
	
	.form-control {
		height: 35px;
	}
	
	.text-muted {
		padding: 0 3% 6%;
	}
	
	.btn-default {
		margin-bottom: 4em;
		height: 35px;
	}
	
	.navigation .hamburger-menu {
		top: 20px;
		right: 20px;
	}

	.menu-logo {
		display: none;
	}
	
	.navigation .menu-container .menu {
		top: 55%;
		left: 50%;
		width: 80%;
	}
	
	.navigation .menu-container .menu li {
		display: block;
		margin: 0 16px;
	}
	
	.navigation .menu-container .menu li a {
		font-size: 2rem;
		padding: 15px 0;
		line-height: 1.2;
	}
	
	.navigation .menu-container .menu li p {
		font-size: 1.6rem;
		color: #212121;
		width: 70%;
	}
	
	.navigation .menu-container .menu li.menu-line {
		display: none;
	}
	
	.navigation .menu-container .menu-info {
		bottom: 10%;
		font-size: 0.8em;
	}
	
	.navigation .menu-container .menu-info p {
		display: none;
	}
}


/*--  7. STYLES FOR MOBILE DEVICES - media screen min width: 768px / max width: 1024px --*/
@media screen and (min-width: 768px) and (max-width: 1024px) {

	h1 {
		font-size: 1.8em;
		color: #212121;
		padding: 14% 2% 0 2%;
		text-align: center;
		line-height: 1.4;
	}
	
	h2 {
		font-size: 1.8em;
	}
	
	h3 {
		font-size: 1.6em;
	}
	
	p {
		line-height: 1.6;
	}
	
	.rectangle {
		margin: 0 0 15px 0;
	}
			
	.cd-section:first-of-type .cd-block {
		height: auto;
	}
	
	.cd-half-block:nth-of-type(1) {
		height: 60vh;
	}
	
	.cd-half-block:nth-of-type(2) {
		padding: 5em 10%;
	}
	
	.logo {
		background: url('../images/logo.png') no-repeat;
		background-size: cover;
		width: 250px;
		height: 100px;
		top: 80px;
	}
	
	#countdown-bg {
		margin: 2% auto 10% 0;
	}
	
	ul#countdown li {
		width: 120px;
		text-align: center;
		padding-top: 0;
		border-right: 0 none;
		border-right: 1px dashed rgba(0,0,0,0.4);
	}
	
	ul#countdown li:first-child {
		border-left: 1px dashed rgba(0,0,0,0.4);
}
	
	ul#countdown li span {
		font-size: 3em;
		color: #212121;
		text-shadow: none;
	}
	
	ul#countdown li p.timeRefDays, ul#countdown li p.timeRefHours, ul#countdown li p.timeRefMinutes, ul#countdown li p.timeRefSeconds {
		color: #212121;
		font-size: 0.9em;
		text-shadow: none;
		margin-top: 0px;
	}
	
	.input-group {
		top: 25px;
		margin: 0 auto;
		width: 25%;
	}
	
	.submission {
		width: 300px;
		height: 35px;
		padding: 6px 12px;
		font-size: 1.1em;
		color: #212121;
		border: 1px solid rgba(64,155,18,0.5);
	}
	
	.btn-success {
		height: 35px;
	}
	
	#socialicons {
		margin: 1em auto 4em;
	}
	
	#socialicons .icon {
		color: #212121;
		font-size: 1.5em;
		margin: 8% 0.8% 0.2%;
	}
	
	#guestbook {
		margin: 4em auto 0 auto;
	}
	
	#reviews {
		margin: 5em auto 0 auto;
	}
		
	.slider{
		width: 100%;
	}
	
	.program {
		padding: 1% 0 5% 0;
	}

	.program img {
		padding: 0;
		width: 40px;
	}
	
	.contact-details {
		padding: 20px 0;
	}
	
	.contact-details-box {
		margin: 0 0 2em 0;
	}
	
	.contact-details-icon {
		font-size: 1.6em;
	}
	
	.contact-details-title {
		font-size: 1.6em;
	}
	
	.form-control {
		height: 35px;
	}
	
	.text-muted {
		padding: 0 3% 6%;
	}
	
	.btn-default {
		margin-bottom: 4em;
		height: 35px;
	}
	
	.navigation .hamburger-menu {
		top: 20px;
		right: 20px;
	}

	.menu-logo {
		display: none;
	}
	
	.navigation .menu-container .menu {
		top: 50%;
		left: 50%;
		width: 80%;
	}
	
	.navigation .menu-container .menu li {
		display: block;
		margin: 0 16px;
	}
	
	.navigation .menu-container .menu li a {
		font-size: 2rem;
		padding: 15px 0;
		line-height: 1.2;
	}
	
	.navigation .menu-container .menu li p {
		font-size: 1.6rem;
		color: #212121;
		width: 70%;
	}
	
	.navigation .menu-container .menu li.menu-line {
		display: none;
	}
	
	.navigation .menu-container .menu-info {
		bottom: 5%;
	}
	
	.navigation .menu-container .menu-info p {
		display: none;
	}
}


/*-- 8. STYLES FOR MOBILE DEVICES - media screen min width: 1024px / max width: 1170px --*/
@media screen and (min-width: 1024px) and (max-width: 1170px) {
	
	h1 {
		font-size: 2em;
		color: #212121;
		padding: 16% 2% 0 2%;
		text-align: center;
		line-height: 1.4;
	}
	
	h2 {
		font-size: 1.9em;
	}
	
	h3 {
		font-size: 1.6em;
	}
	
	p {
		line-height: 1.6;
	}
	
	.rectangle {
		margin: 0 0 20px 0;
	}
			
	.cd-section:first-of-type .cd-block {
		height: auto;
	}
	
	.cd-half-block:nth-of-type(1) {
		height: 60vh;
	}
	
	.cd-half-block:nth-of-type(2) {
		padding: 7em 10%;
	}
	
	.logo {
		background: url('../images/logo.png') no-repeat;
		background-size: cover;
		width: 300px;
		height: 120px;
		top: 120px;
	}
	
	#countdown-bg {
		margin: 4% auto 12% 0;
	}
	
	ul#countdown li {
		width: 150px;
		text-align: center;
		padding-top: 0;
		border-right: 0 none;
		border-right: 1px dashed rgba(0,0,0,0.4);
	}
	
	ul#countdown li:first-child {
		border-left: 1px dashed rgba(0,0,0,0.4);
}
	
	ul#countdown li span {
		font-size: 3.4em;
		color: #212121;
		text-shadow: none;
	}
	
	ul#countdown li p.timeRefDays, ul#countdown li p.timeRefHours, ul#countdown li p.timeRefMinutes, ul#countdown li p.timeRefSeconds {
		color: #212121;
		font-size: 0.9em;
		text-shadow: none;
		margin-top: 0px;
	}
	
	.input-group {
		top: 25px;
		margin: 0 auto;
		width: 25%;
	}
	
	.submission {
		width: 300px;
		height: 40px;
		padding: 6px 12px;
		font-size: 1.2em;
		color: #212121;
		border: 1px solid rgba(64,155,18,0.5);
	}
	
	.btn-success {
		height: 40px;
	}
	
	#socialicons {
		margin: 0 auto 6em;
	}
	
	#socialicons .icon {
		color: #212121;
		font-size: 1.5em;
		margin: 6% 0.4% 0.2%;
	}
	
	#guestbook {
		margin: 6em auto 0 auto;
	}
	
	#reviews {
		margin: 7em auto 0 auto;
	}
		
	.slider{
		width: 100%;
	}
	
	.program {
		padding: 1% 0 5% 0;
	}

	.program img {
		padding: 0;
		width: 50px;
	}
	
	.contact-details {
		padding: 20px 0;
	}
	
	.contact-details-box {
		margin: 0 0 2em 0;
	}
	
	.contact-details-icon {
		font-size: 1.6em;
	}
	
	.contact-details-title {
		font-size: 1.6em;
	}
	
	.form-control {
		height: 35px;
	}
	
	.text-muted {
		padding: 0 3% 6%;
	}
	
	.btn-default {
		margin-bottom: 5em;
		height: 40px;
	}
	
	.navigation .hamburger-menu {
		top: 20px;
		right: 20px;
	}

	.menu-logo {
		display: block;
		background: url('../images/menu-logo.png') no-repeat;
		background-size: cover;
		width: 300px;
		height: 120px;
		position: relative;
		top: 8%;
		text-align: center;
		margin: 0 auto;
		padding: 0;
		z-index: 10;
	}
	
	.navigation .menu-container .menu {
		top: 55%;
		left: 50%;
		width: 80%;
	}
	
	.navigation .menu-container .menu li {
		display: block;
		margin: 0 16px;
	}
	
	.navigation .menu-container .menu li a {
		font-size: 2rem;
		padding: 15px 0;
		line-height: 1.2;
	}
	
	.navigation .menu-container .menu li p {
		font-size: 1.6rem;
		color: #212121;
		width: 85%;
	}
	
	.navigation .menu-container .menu li.menu-line {
		display: none;
	}
	
	.navigation .menu-container .menu-info {
		bottom: 5%;
	}
	
	.navigation .menu-container .menu-info p {
		display: block;
		font-size: 1em;
		color: #212121;
		margin-bottom: 0;
	}	
}


/*-- 9. STYLES FOR MOBILE DEVICES - media screen min width: 1170px / max width: 1280px --*/
@media screen and (min-width: 1170px) and (max-width: 1280px) {
	
	h1 {
		font-size: 2.2em;
		color: #212121;
		padding: 16% 2% 0 2%;
		text-align: center;
		line-height: 1.4;
	}
	
	h2 {
		font-size: 1.9em;
	}
	
	h3 {
		font-size: 1.6em;
	}
	
	p {
		line-height: 1.6;
	}
	
	.rectangle {
		margin: 0 0 20px 0;
	}
			
	.cd-section:first-of-type .cd-block {
		height: auto;
	}
	
	.cd-half-block:nth-of-type(1) {
		height: 60vh;
	}
	
	.cd-half-block:nth-of-type(2) {
		padding: 7em 10%;
	}
	
	.logo {
		background: url('../images/logo.png') no-repeat;
		background-size: cover;
		width: 350px;
		height: 140px;
		top: 140px;
	}
	
	#countdown-bg {
		margin: 4% auto 12% 0;
	}
	
	ul#countdown li {
		width: 190px;
		text-align: center;
		padding-top: 0;
		border-right: 0 none;
		border-right: 1px dashed rgba(0,0,0,0.4);
	}
	
	ul#countdown li:first-child {
		border-left: 1px dashed rgba(0,0,0,0.4);
}
	
	ul#countdown li span {
		font-size: 3.8em;
		color: #212121;
		text-shadow: none;
	}
	
	ul#countdown li p.timeRefDays, ul#countdown li p.timeRefHours, ul#countdown li p.timeRefMinutes, ul#countdown li p.timeRefSeconds {
		color: #212121;
		font-size: 1em;
		text-shadow: none;
		margin-top: 0px;
	}
	
	.input-group {
		top: 25px;
		margin: 0 auto;
		width: 25%;
	}
	
	.submission {
		width: 400px;
		height: 40px;
		padding: 6px 12px;
		font-size: 1.2em;
		color: #212121;
		border: 1px solid rgba(64,155,18,0.5);
	}
	
	.btn-success {
		height: 40px;
	}
	
	#socialicons {
		margin: 0 auto 6em;
	}
	
	#socialicons .icon {
		color: #212121;
		font-size: 1.5em;
		margin: 6% 0.4% 0.2%;
	}
	
	#guestbook {
		margin: 6em auto 0 auto;
	}
	
	#reviews {
		margin: 7em auto 0 auto;
	}
		
	.slider{
		width: 100%;
	}
	
	.program {
		padding: 1% 0 5% 0;
	}

	.program img {
		padding: 0;
		width: 50px;
	}
	
	.contact-details {
		padding: 20px 0;
	}
	
	.contact-details-box {
		margin: 0 0 2em 0;
	}
	
	.contact-details-icon {
		font-size: 1.6em;
	}
	
	.contact-details-title {
		font-size: 1.6em;
	}
	
	.form-control {
		height: 35px;
	}
	
	.text-muted {
		padding: 0 3% 6%;
	}
	
	.btn-default {
		margin-bottom: 5em;
		height: 40px;
	}
	
	.navigation .hamburger-menu {
		top: 20px;
		right: 20px;
	}

	.menu-logo {
		display: block;
		background: url('../images/menu-logo.png') no-repeat;
		width: 300px;
		height: 120px;
		position: relative;
		top: 8%;
		text-align: center;
		margin: 0 auto;
		padding: 0;
		z-index: 10;
	}
	
	.navigation .menu-container .menu {
		top: 55%;
		left: 50%;
		width: 80%;
	}
	
	.navigation .menu-container .menu li {
		display: block;
		margin: 0 16px;
	}
	
	.navigation .menu-container .menu li a {
		font-size: 2rem;
		padding: 15px 0;
		line-height: 1.2;
	}
	
	.navigation .menu-container .menu li p {
		font-size: 1.6rem;
		color: #212121;
		width: 85%;
	}
	
	.navigation .menu-container .menu li.menu-line {
		display: none;
	}
	
	.navigation .menu-container .menu-info {
		bottom: 5%;
	}
	
	.navigation .menu-container .menu-info p {
		display: block;
		font-size: 1em;
		color: #212121;
		margin-bottom: 0;
	}	
}	


/*-- 10. STYLES FOR MOBILE DEVICES - media screen min width: 1280px / max width: 1366px --*/
@media screen and (min-width: 1280px) and (max-width: 1366px) {
	
	h1 {
		font-size: 2.2em;
		color: #212121;
		padding: 14% 2% 0 2%;
		text-align: center;
		line-height: 1.4;
	}
	
	h2 {
		font-size: 1.9em;
	}
	
	h3 {
		font-size: 1.6em;
	}
	
	p {
		line-height: 1.6;
	}
	
	.rectangle {
		margin: 0 0 20px 0;
	}
			
	.cd-section:first-of-type .cd-block {
		height: 100vh;
		background-color: #eabd00;
	}
	
	.cd-half-block:nth-of-type(1) {
		height: 60vh;
	}
	
	.cd-half-block:nth-of-type(2) {
		padding: 5em 7%;
	}
	
	.logo {
		background: url('../images/logo.png') no-repeat;
		background-size: cover;
		width: 350px;
		height: 140px;
		top: 130px;
	}
	
	#countdown-bg {
		margin: 2% auto 2% 0;
	} 
	ul#countdown li {
		width: 190px;
		text-align: center;
		padding-top: 6px;
		border-left: 0 none;
		border-right: 1px dashed rgba(0,0,0,0.4);
	}
	
	ul#countdown li:first-child {
		border-left: 1px dashed rgba(0,0,0,0.4);
	}
	
	ul#countdown li span {
		font-size: 3.8em;
		color: #212121;
		text-shadow: none;
	}
	
	ul#countdown li p.timeRefDays, ul#countdown li p.timeRefHours, ul#countdown li p.timeRefMinutes, ul#countdown li p.timeRefSeconds {
		color: #212121;
		font-size: 1em;
		text-shadow: none;
		margin-top: 0px;
	}
	
	.input-group {
		top: 25px;
		margin: 0 auto;
		width: 25%;
	}
	
	.submission {
		width: 300px;
		height: 40px;
		padding: 6px 12px;
		font-size: 1.2em;
		color: #212121;
		border: 0 none;
	}
	
	.btn-success {
		height: 40px;
	}
	
	#socialicons {
		margin: 0 auto;
	}
	
	#socialicons .icon {
		color: #212121;
		font-size: 1.8em;
		margin: 6% 0.4% 0.2%;
	}
	
	#guestbook {
		margin: 5em auto 0 auto;
	}
	
	#reviews {
		margin: 6em auto 0 auto;
	}
	
	.slider{
		width: 101%;
	}
	
	.program {
		padding: 1% 0 6% 0;
	}

	.program img {
		padding: 0;
		width: 50px;
	}
	
	.contact-details {
		padding: 20px 0;
	}
	
	.contact-details-box {
		margin: 0 0 2em 0;
	}
	
	.contact-details-icon {
		font-size: 1.6em;
	}
	
	.contact-details-title {
		font-size: 1.6em;
	}
	
	.form-control {
		height: 35px;
	}
	
	.text-muted {
		padding: 0 3% 6%;
	}
	
	.btn-default {
		margin-bottom: 5em;
		height: 40px;
	}
	
	.navigation .hamburger-menu {
		top: 20px;
		right: 20px;
	}

	.menu-logo {
		display: block;
		background: url('../images/menu-logo.png') no-repeat;
		background-size: cover;
		width: 300px;
		height: 120px;
		position: relative;
		top: 8%;
		text-align: center;
		margin: 0 auto;
		padding: 0;
		z-index: 10;
	}
	
	.navigation .menu-container .menu {
		top: 50%;
		left: 50%;
		width: 80%;
	}
	
	.navigation .menu-container .menu li {
		display: block;
		margin: 0 16px;
	}
	
	.navigation .menu-container .menu li a {
		font-size: 2rem;
		padding: 15px 0;
		line-height: 1.2;
	}
	
	.navigation .menu-container .menu li p {
		font-size: 1.6rem;
		color: #212121;
		width: 70%;
	}
	
	.navigation .menu-container .menu li.menu-line {
		display: none;
	}
	
	.navigation .menu-container .menu-info {
		bottom: 5%;
	}
	
	.navigation .menu-container .menu-info p {
		display: block;
		font-size: 1em;
		color: #212121;
		margin-bottom: 0;
	}	
}


/*-- 11. STYLES FOR MOBILE DEVICES - media screen min width: 1336px / max width: 1440px --*/
@media screen and (min-width: 1336px) and (max-width: 1440px) {
	
	h1 {
		font-size: 2.2em;
		color: #212121;
		padding: 13% 2% 0 2%;
		text-align: center;
		line-height: 1.4;
	}
	
	h2 {
		font-size: 1.9em;
	}
	
	h3 {
		font-size: 1.6em;
	}
	
	p {
		line-height: 1.6;
	}
	
	.rectangle {
		margin: 0 0 20px 0;
	}
			
	.cd-section:first-of-type .cd-block {
		height: 100vh;
		background-color: #eabd00;
	}
	
	.cd-half-block:nth-of-type(1) {
		height: 60vh;
	}
	
	.cd-half-block:nth-of-type(2) {
		padding: 5em 7%;
	}
	
	.logo {
		background: url('../images/logo.png') no-repeat;
		background-size: cover;
		width: 350px;
		height: 140px;
		top: 130px;
	}
	
	#countdown-bg {
		margin: 2% auto 2% 0;
	} 
	ul#countdown li {
		width: 190px;
		text-align: center;
		padding-top: 6px;
		border-left: 0 none;
		border-right: 1px dashed rgba(0,0,0,0.4);
	}
	
	ul#countdown li:first-child {
		border-left: 1px dashed rgba(0,0,0,0.4);
	}
	
	ul#countdown li span {
		font-size: 3.8em;
		color: #212121;
		text-shadow: none;
	}
	
	ul#countdown li p.timeRefDays, ul#countdown li p.timeRefHours, ul#countdown li p.timeRefMinutes, ul#countdown li p.timeRefSeconds {
		color: #212121;
		font-size: 1em;
		text-shadow: none;
		margin-top: 0px;
	}
	
	.input-group {
		top: 25px;
		margin: 0 auto;
		width: 25%;
	}
	
	.submission {
		width: 300px;
		height: 40px;
		padding: 6px 12px;
		font-size: 1.2em;
		color: #212121;
		border: 0 none;
	}
	
	.btn-success {
		height: 40px;
	}
	
	#socialicons {
		margin: 0 auto;
	}
	
	#socialicons .icon {
		color: #212121;
		font-size: 1.8em;
		margin: 5% 0.4% 0.2%;
	}
	
	#guestbook {
		margin: 5em auto 0 auto;
	}
	
	#reviews {
		margin: 6em auto 0 auto;
	}
	
	.program {
		padding: 1% 0 7% 0;
	}

	.program img {
		padding: 0;
		width: 50px;
	}
	
	.contact-details {
		padding: 20px 0;
	}
	
	.contact-details-box {
		margin: 0 0 2em 0;
	}
	
	.contact-details-icon {
		font-size: 1.6em;
	}
	
	.contact-details-title {
		font-size: 1.6em;
	}
	
	.form-control {
		height: 35px;
	}
	
	.text-muted {
		padding: 0 3% 6%;
	}
	
	.btn-default {
		margin-bottom: 5em;
		height: 40px;
	}
	
	.navigation .hamburger-menu {
		top: 20px;
		right: 20px;
	}

	.menu-logo {
		display: block;
		background: url('../images/menu-logo.png') no-repeat;
		background-size: cover;
		width: 300px;
		height: 120px;
		position: relative;
		top: 8%;
		text-align: center;
		margin: 0 auto;
		padding: 0;
		z-index: 10;
	}
	
	.navigation .menu-container .menu {
		top: 50%;
		left: 50%;
		width: 80%;
	}
	
	.navigation .menu-container .menu li {
		display: block;
		margin: 0 16px;
	}
	
	.navigation .menu-container .menu li a {
		font-size: 2rem;
		padding: 15px 0;
		line-height: 1.2;
	}
	
	.navigation .menu-container .menu li p {
		font-size: 1.6rem;
		color: #212121;
		width: 70%;
	}
	
	.navigation .menu-container .menu li.menu-line {
		display: none;
	}
	
	.navigation .menu-container .menu-info {
		bottom: 5%;
	}
	
	.navigation .menu-container .menu-info p {
		display: block;
		font-size: 1em;
		color: #212121;
		margin-bottom: 0;
	}	
}



/*-- 12. STYLES FOR MOBILE DEVICES - media screen min width: 1440px / max width: 1536px --*/
@media screen and (min-width: 1440px) and (max-width: 1536px) {
	
	h1 {
		font-size: 2.2em;
		color: #212121;
		padding: 13% 2% 0 2%;
		text-align: center;
		line-height: 1.4;
	}
	
	h2 {
		font-size: 1.9em;
	}
	
	h3 {
		font-size: 1.6em;
	}
	
	p {
		line-height: 1.6;
	}
	
	.rectangle {
		margin: 0 0 20px 0;
	}
			
	.cd-section:first-of-type .cd-block {
		height: 100vh;
		background-color: #eabd00;
	}
	
	.cd-half-block:nth-of-type(1) {
		height: 60vh;
	}
	
	.cd-half-block:nth-of-type(2) {
		padding: 7em 7%;
	}
	
	.logo {
		background: url('../images/logo.png') no-repeat;
		background-size: cover;
		width: 350px;
		height: 140px;
		top: 130px;
	}
	
	#countdown-bg {
		margin: 2% auto 2% 0;
	} 
	ul#countdown li {
		width: 190px;
		text-align: center;
		padding-top: 6px;
		border-left: 0 none;
		border-right: 1px dashed rgba(0,0,0,0.4);
	}
	
	ul#countdown li:first-child {
		border-left: 1px dashed rgba(0,0,0,0.4);
	}
	
	ul#countdown li span {
		font-size: 3.8em;
		color: #212121;
		text-shadow: none;
	}
	
	ul#countdown li p.timeRefDays, ul#countdown li p.timeRefHours, ul#countdown li p.timeRefMinutes, ul#countdown li p.timeRefSeconds {
		color: #212121;
		font-size: 1em;
		text-shadow: none;
		margin-top: 0px;
	}
	
	.input-group {
		top: 25px;
		margin: 0 auto;
		width: 25%;
	}
	
	.submission {
		width: 300px;
		height: 40px;
		padding: 6px 12px;
		font-size: 1.2em;
		color: #212121;
		border: 0 none;
	}
	
	.btn-success {
		height: 40px;
	}
	
	#socialicons {
		margin: 0 auto;
	}
	
	#socialicons .icon {
		color: #212121;
		font-size: 1.8em;
		margin: 6% 0.4% 0.2%;
	}
	
	#guestbook {
		margin: 5em auto 0 auto;
	}
	
	#reviews {
		margin: 6em auto 0 auto;
	}
	
	.program {
		padding: 1% 0 7% 0;
	}

	.program img {
		padding: 0;
		width: 50px;
	}
	
	.contact-details {
		padding: 20px 0;
	}
	
	.contact-details-box {
		margin: 0 0 2em 0;
	}
	
	.contact-details-icon {
		font-size: 1.6em;
	}
	
	.contact-details-title {
		font-size: 1.6em;
	}
	
	.form-control {
		height: 35px;
	}
	
	.text-muted {
		padding: 0 3% 6%;
	}
	
	.btn-default {
		margin-bottom: 5em;
		height: 40px;
	}
	
	.navigation .hamburger-menu {
		top: 20px;
		right: 20px;
	}

	.menu-logo {
		display: block;
		background: url('../images/menu-logo.png') no-repeat;
		background-size: cover;
		width: 300px;
		height: 120px;
		position: relative;
		top: 8%;
		text-align: center;
		margin: 0 auto;
		padding: 0;
		z-index: 10;
	}
	
	.navigation .menu-container .menu {
		top: 50%;
		left: 50%;
		width: 80%;
	}
	
	.navigation .menu-container .menu li {
		display: block;
		margin: 0 16px;
	}
	
	
	.navigation .menu-container .menu li a {
		font-size: 2rem;
		padding: 15px 0;
		line-height: 1.2;
	}
	
	.navigation .menu-container .menu li p {
		font-size: 1.6rem;
		color: #212121;
		width: 70%;
	}
	
	.navigation .menu-container .menu li.menu-line {
		display: none;
	}
	
	.navigation .menu-container .menu-info {
		bottom: 5%;
	}
	
	.navigation .menu-container .menu-info p {
		display: block;
		font-size: 1em;
		color: #212121;
		margin-bottom: 0;
	}	
}


/*-- 13. STYLES FOR MOBILE DEVICES - media screen min width: 1536px / max width: 1680px --*/
@media screen and (min-width: 1536px) and (max-width: 1680px) {
	
	h1 {
		font-size: 2.2em;
		color: #212121;
		padding: 13% 2% 0 2%;
		text-align: center;
		line-height: 1.4;
	}
	
	h2 {
		font-size: 1.9em;
	}
	
	h3 {
		font-size: 1.6em;
	}
	
	p {
		line-height: 1.6;
	}
	
	.rectangle {
		margin: 0 0 20px 0;
	}
			
	.cd-section:first-of-type .cd-block {
		height: 100vh;
		background-color: #eabd00;
	}
	
	.cd-half-block:nth-of-type(1) {
		height: 60vh;
	}
	
	.cd-half-block:nth-of-type(2) {
		padding: 7em 7%;
	}
	
	.logo {
		background: url('../images/logo.png') no-repeat;
		background-size: cover;
		width: 350px;
		height: 140px;
		top: 130px;
	}
	
	#countdown-bg {
		margin: 2% auto 2% 0;
	} 
	ul#countdown li {
		width: 190px;
		text-align: center;
		padding-top: 6px;
		border-left: 0 none;
		border-right: 1px dashed rgba(0,0,0,0.4);
	}
	
	ul#countdown li:first-child {
		border-left: 1px dashed rgba(0,0,0,0.4);
	}
	
	ul#countdown li span {
		font-size: 3.8em;
		color: #212121;
		text-shadow: none;
	}
	
	ul#countdown li p.timeRefDays, ul#countdown li p.timeRefHours, ul#countdown li p.timeRefMinutes, ul#countdown li p.timeRefSeconds {
		color: #212121;
		font-size: 1em;
		text-shadow: none;
		margin-top: 0px;
	}
	
	.input-group {
		top: 25px;
		margin: 0 auto;
		width: 25%;
	}
	
	.submission {
		width: 300px;
		height: 40px;
		padding: 6px 12px;
		font-size: 1.2em;
		color: #212121;
		border: 0 none;
	}
	
	.btn-success {
		height: 40px;
	}
	
	#socialicons {
		margin: 0 auto;
	}
	
	#socialicons .icon {
		color: #212121;
		font-size: 1.8em;
		margin: 6% 0.4% 0.2%;
	}
	
	#guestbook {
		margin: 5em auto 0 auto;
	}
	
	#reviews {
		margin: 6em auto 0 auto;
	}
	
	.program {
		padding: 1% 0 7% 0;
	}

	.program img {
		padding: 0;
		width: 50px;
	}
	
	.contact-details {
		padding: 20px 0;
	}
	
	.contact-details-box {
		margin: 0 0 2em 0;
	}
	
	.contact-details-icon {
		font-size: 1.6em;
	}
	
	.contact-details-title {
		font-size: 1.6em;
	}
	
	.form-control {
		height: 35px;
	}
	
	.text-muted {
		padding: 0 3% 6%;
	}
	
	.btn-default {
		margin-bottom: 5em;
		height: 40px;
	}
	
	.navigation .hamburger-menu {
		top: 20px;
		right: 20px;
	}

	.menu-logo {
		display: block;
		background: url('../images/menu-logo.png') no-repeat;
		background-size: cover;
		width: 300px;
		height: 120px;
		position: relative;
		top: 8%;
		text-align: center;
		margin: 0 auto;
		padding: 0;
		z-index: 10;
	}
	
	.navigation .menu-container .menu {
		top: 50%;
		left: 50%;
		width: 80%;
	}
	
	.navigation .menu-container .menu li {
		display: block;
		margin: 0 16px;
	}
	
	.navigation .menu-container .menu li a {
		font-size: 2rem;
		padding: 15px 0;
		line-height: 1.2;
	}
	
	.navigation .menu-container .menu li p {
		font-size: 1.6rem;
		color: #212121;
		width: 70%;
	}
	
	.navigation .menu-container .menu li.menu-line {
		display: none;
	}
	
	.navigation .menu-container .menu-info {
		bottom: 5%;
	}
	
	.navigation .menu-container .menu-info p {
		display: block;
		font-size: 1em;
		color: #212121;
		margin-bottom: 0;
	}	
}


/*-- 14. STYLES FOR MOBILE DEVICES - media screen min width: 1680px / max width: 1900px --*/
@media screen and (min-width: 1680px) and (max-width: 1900px) {
	
	h1 {
		font-size: 2.2em;
		color: #212121;
		padding: 15% 2% 0 2%;
		text-align: center;
		line-height: 1.4;
	}
	
	h2 {
		font-size: 1.9em;
	}
	
	h3 {
		font-size: 1.6em;
	}
	
	p {
		line-height: 1.6;
	}
	
	.rectangle {
		margin: 0 0 20px 0;
	}
			
	.cd-section:first-of-type .cd-block {
		height: 100vh;
		background-color: #eabd00;
	}
	
	.cd-half-block:nth-of-type(1) {
		height: 60vh;
	}
	
	.cd-half-block:nth-of-type(2) {
		padding: 16em 7%;
	}
	
	.logo {
		background: url('../images/logo.png') no-repeat;
		background-size: cover;
		width: 350px;
		height: 140px;
		top: 190px;
	}
	
	#countdown-bg {
		margin: 2% auto 2% 0;
	} 
	ul#countdown li {
		width: 190px;
		text-align: center;
		padding-top: 6px;
		border-left: 0 none;
		border-right: 1px dashed rgba(0,0,0,0.4);
	}
	
	ul#countdown li:first-child {
		border-left: 1px dashed rgba(0,0,0,0.4);
	}
	
	ul#countdown li span {
		font-size: 3.8em;
		color: #212121;
		text-shadow: none;
	}
	
	ul#countdown li p.timeRefDays, ul#countdown li p.timeRefHours, ul#countdown li p.timeRefMinutes, ul#countdown li p.timeRefSeconds {
		color: #212121;
		font-size: 1em;
		text-shadow: none;
		margin-top: 0px;
	}
	
	.input-group {
		top: 25px;
		margin: 0 auto;
		width: 25%;
	}
	
	.submission {
		width: 300px;
		height: 40px;
		padding: 6px 12px;
		font-size: 1.2em;
		color: #212121;
		border: 0 none;
	}
	
	.btn-success {
		height: 40px;
	}
	
	#socialicons {
		margin: 0 auto;
	}
	
	#socialicons .icon {
		color: #212121;
		font-size: 1.8em;
		margin: 6% 0.4% 0.2%;
	}
	
	#guestbook {
		margin: 5em auto 0 auto;
	}
	
	#reviews {
		margin: 6em auto 0 auto;
	}
	
	.program {
		padding: 1% 0 7% 0;
	}

	.program img {
		padding: 0;
		width: 50px;
	}
	
	.contact-details {
		padding: 20px 0;
	}
	
	.contact-details-box {
		margin: 0 0 2em 0;
	}
	
	.contact-details-icon {
		font-size: 1.6em;
	}
	
	.contact-details-title {
		font-size: 1.6em;
	}
	
	.form-control {
		height: 35px;
	}
	
	.text-muted {
		padding: 0 3% 6%;
	}
	
	.btn-default {
		margin-bottom: 5em;
		height: 40px;
	}
	
	.navigation .hamburger-menu {
		top: 20px;
		right: 20px;
	}

	.menu-logo {
		display: block;
		background: url('../images/menu-logo.png') no-repeat;
		background-size: cover;
		width: 300px;
		height: 120px;
		position: relative;
		top: 8%;
		text-align: center;
		margin: 0 auto;
		padding: 0;
		z-index: 10;
	}
	
	.navigation .menu-container .menu {
		top: 50%;
		left: 50%;
		width: 80%;
	}
	
	.navigation .menu-container .menu li {
		display: block;
		margin: 0 16px;
	}
	
	
	.navigation .menu-container .menu li a {
		font-size: 2rem;
		padding: 15px 0;
		line-height: 1.2;
	}
	
	.navigation .menu-container .menu li p {
		font-size: 1.6rem;
		color: #212121;
		width: 70%;
	}
	
	.navigation .menu-container .menu li.menu-line {
		display: none;
	}
	
	.navigation .menu-container .menu-info {
		bottom: 5%;
	}
	
	.navigation .menu-container .menu-info p {
		display: block;
		font-size: 1em;
		color: #212121;
		margin-bottom: 0;
	}	
}


/* 15 SECTIONS media queries */

@media only screen and (min-width: 1280px) {
	body::before {
		/* never visible - this is used in jQuery to check the current MQ */
		content: 'desktop';
  }
}

@media only screen and (min-width: 1280px) {
	.cd-section {
		height: 100vh;
  }
}

@media only screen and (min-width: 1280px) {
	.cd-block {
		position: fixed;
		width: 100%;
		min-height: 100vh;
		top: 0;
		left: 0;
		height: 100vh;
		visibility: hidden;
	}
	
	.cd-section:first-of-type .cd-block {
		visibility: visible;
	}
  
	.cd-block > * {
		visibility: visible;
	}
}

@media only screen and (min-width: 1280px) {
	.cd-half-block {
		height: 100vh !important;
		width: 50%;
		position: absolute;
		top: 0;
	}
	.cd-half-block h4 {
		position: absolute;
		left: 50%;
		top: 50%;
		bottom: auto;
		right: auto;
		-webkit-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		-o-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
		width: 100%;
		padding: 0 20%;
	}
  
	.cd-section:nth-of-type(even) .cd-half-block:first-of-type, .cd-section:nth-of-type(odd) .cd-half-block:nth-of-type(2) {
		left: 0;
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	
	.cd-section:nth-of-type(odd) .cd-half-block:first-of-type, .cd-section:nth-of-type(even) .cd-half-block:nth-of-type(2) {
		right: 0;
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%);
	}
}


/* 16. NAVIGATION media queries */

@media only screen and (min-width: 1280px) {
	.cd-vertical-nav {
		display: block;
	}
}

@media (min-width: 667px) {
	.navigation .menu-container .menu li.menu-line {
		width: 1px;
		height: 90px;
	}
}


/* 17. GUESTBOOK media query */

@media screen and (max-width: 30.6em) { 

	.cbp-qtrotator {
		font-size: 70%;
	}

	.cbp-qtrotator img {
		width: 80px;
	}

}