* {	box-sizing: border-box;}

body {margin: 0px 14px 14px 0px;}
.body-wrapper {margin: auto; max-width: 1920px;}

.row::after {
  content: "";
  clear: both;
  display: table;
}

[class*="col-"] {
  float: left;
  border: 1px solid transparent;
}

.col-1 {width: 8.33%;} .col-2 {width: 16.66%;} .col-3 {width: 25%;} .col-4 {width: 33.33%;}
.col-5 {width: 41.66%;} .col-6 {width: 50%;} .col-7 {width: 58.33%;} .col-8 {width: 66.66%;}
.col-9 {width: 75%;} .col-10 {width: 83.33%;} .col-11 {width: 91.66%;} .col-12 {width: 100%;}

h1 {
    font-family: 'Kumbh Sans', sans-serif;
	font-weight: 400;
	font-size: 56px;
    color: #25272b;
    text-align: center;
	letter-spacing: -1.75px;
	line-height: 1.15;
	padding: 0;
	margin: 0;
}
h2 {
    font-family: 'Kumbh Sans', sans-serif;
	font-weight: 400;
	font-size: 42px;
    color: #25272b;
    text-align: center;
	letter-spacing: -1.75px;
	line-height: 1.15;
	padding: 0;
	margin: 0;
}
h3 {
    font-family: 'Kumbh Sans', sans-serif;
	font-weight: 400;
	font-size: 27px;
    color: #a79567;
    text-align: center;
	letter-spacing: -1.75px;
	line-height: 1.15;
	padding: 0;
	margin: 0;
}
p {
    font-family: 'Kumbh Sans', sans-serif;
	font-weight: 300;
	font-size: 1.2em;
    color: #555555;
    text-align: center;
	line-height: 1.45;
	margin: 20px 0px;
}
a.button {
    font-family: 'Kumbh Sans', sans-serif;
    font-weight: 400;
    font-size: 19px;
    color: #fff;
  	padding: 20px 45px;
  	margin: 20px 0px;
  	background-image: linear-gradient(to bottom right, #478fec, #145cb9);
  	text-decoration: none;
  	border-radius: 20px;
    box-shadow: 5px 5px 12px #999;
    transition-duration: 0.4s;
}
a.button:hover {
  	background-image: linear-gradient(to bottom right, #145cb9, #478fec);
    padding: 19px 44px;
    color: #fff;
    text-decoration: none;
}

.light-section {
	text-align: center;
	padding: 125px 0px 75px 0px;
	background-color: #f3f3f3 !important;
}
.light-gray-section { 
	text-align: center;
	padding:125px 0px 75px 0px;
	background-color: #d0d0d0;
}
.dark-section {
	text-align: center;
	padding: 125px 0px 75px 0px;
	background-color: #222 !important;
}
.dark-section h1 {
    color: #FFF;
}
.dark-section h2 {
	color: #FFF;
} 
.dark-section p {
    color: #CCC;
}
.dark-section a {
    box-shadow: 5px 5px 12px #000;
}

/* Responsive YouTube video container */
.container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
} /* Responsive YouTube video container */

.list {
	margin: 5px 0px;
}

.width-350 {
	max-width: 375px;
	text-align: center;
	margin: auto;
	padding: 15px 0px;
}

.photo-container img {position: relative; width: 100%; padding: 0px 5px 0px 0px; border: solid 1px #999999; }

.border-all-14 {margin: 14px 0px 0px 14px;}

.border-half-right {width: 49.3%; margin: 0px;}
.border-half-left {width: 49.3%; margin: 0px 0px 0px 15px;}

.desktop-version {display: block;}
.mobile-version {display: none;}


/* TABLETS - On screens that are 1100px wide or less */
@media screen and (max-width: 1100px) {
	body {margin: 0px 0px 14px 0px;}
	
	.col-1 {display: none;}
	.col-2 {display: none;}
	.col-5 {width: 100%;}
	.col-6 {width: 100%;}
	.col-8 {width: 100%;}

	.container {margin-bottom: 50px;}
	
	.light-section, .light-gray-section, .dark-section {
		padding: 60px 0px 60px 0px;
	}
	
	.border-all-14 {margin: 14px 0px 0px 0px;}
	.border-half-right {width: 100%; margin: 0px 0px 7px 0px;}
	.border-half-left {width: 100%; margin: 7px 0px 0px 0px;}
	
}

/* SLAVEPHONES - On screens that are 600px wide or less */
@media screen and (max-width: 600px) {
	body {margin: 0px 0px 14px 0px;}
	
	.col-3 {width: 50%;}
	.col-5 {width: 100%;}
	.col-7 {width: 100%;}
	
	h1 {
		font-size: 42px;
		padding: 0px 25px;
	}
	h2 {
		font-size: 30px;
		padding: 0px 25px;
	}
	h3 {
		font-size: 24px;
		padding: 0px 25px;
	}
	p {
		margin: 20px 15px;
	}
	.width-350 {
		margin: 20px 25px;
	}
	.list {
		margin: 5px 25px;
		font-size: 1em;
	}
	
	.desktop-version {display: none;}
	.mobile-version {display: block;}
	

	
}

