/* SITE-WIDE STUFF
   ========================================================================== */

html, body {
	height: 100%;
}

.main ul {
	min-width: 100%;
}

.main ul li {
	min-width: 100%;
	list-style-type: circle;
	list-style-position: outside;
	margin-left: 1em;
	padding-left: 0;
	text-indent: 0;
}

div#preload { 
	display: none; 
}

/*
	SPACERS
	==================== */

.spacer-extra-small,
.spacer-small,
.spacer-medium,
.spacer-large 
{
    display: block;
	width: 100%;
}

/*	==================== */

.main {
	margin-left: 0%;
	margin-right: 0%;
	width: 100%;
	min-height: 100%;

	font-size: 0px;
	line-height: 0px;
}

.content {
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;

	font-size: 0px;
	line-height: 0px;

    -webkit-transform: translateZ(1);
}

.content-row-centered {
	display: flex;
	flex-basis: 100%;
	flex-direction: column;
	flex-grow: 1; 
	
	justify-content: center;
	align-items: center;

	width: 100%;
	max-width: 1440px; 
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;

	font-size: 0px;
	line-height: 0px;

}

.content-row-full-width {
	position: relative;
	float: none;

	width: 100%;
	margin-left: 0;
	margin-right: 0;

	font-size: 0px;
	line-height: 0px;
}

.content-row-inner {
	display: table;
	width: 100%;
	max-width: 1440px;
	margin: 0px;
	padding: 0px;
	border: 0px;

	font-size: 0px;
	line-height: 0px;
}

.padded-row {
	display: table;
	width: 100%;
	max-width: 1440px;
	margin: 0px;
	border: 0px;
	
	font-size: 0px;
	line-height: 20px;
}

/* ========== */

.image-overlay {
 	display: -webkit-flex;
   	display: -ms-flexbox;
   	display: flex;
	
	position: absolute; 
    margin: 0;
    padding: 0;
	top: 0;
	left: 0;
	width: 100%; 
	height: 100%;
	
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;

	
	-webkit-justify-content: center;
	justify-content: center;
	
	background: rgba(0,0,0,0.2);

	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

a:link .image-overlay {

}

a:hover .image-overlay {
	background: rgba(0,0,0,0.1);
}

.image-overlay-content {
	display: inline-block;
	margin: 0;
	max-width: 100%;
	text-align: center;
}

.image-overlay-row {
	display: inline-block;
	margin: 0;
	min-width: 100%;
	text-align: center;
}

/* ========== */

a .padded-row {
	background-color: #ffffff;
}

a .padded-row:link {
	background-color: #ffffff;
}

a .padded-row:hover {
	background-color: #efefef;
}

a .padded-row:visited {
	background-color: #ffffff;
}

a .padded-row .link {
	color: #00B3EA;
}

a .padded-row:hover .link {
	color: #038BD4;
}

a .padded-row:visited .link {
	color: #00B3EA;
}

/* ========== */

a .two-column-equal {
	background-color: #ffffff;
}

a .two-column-equal:link {
	background-color: #ffffff;
}

a .two-column-equal:hover {
	background-color: #efefef;
}

a .two-column-equal:visited {
	background-color: #ffffff;
}

a .two-column-equal .link {
	color: #00B3EA;
}

a .two-column-equal:hover .link {
	color: #038BD4;
}

a .two-column-equal:visited .link {
	color: #00B3EA;
}

/* ========== */

.full-image {
	display: table;
	width: 100%;
	margin: 0px;
	border: 0px;
	
	font-size: 0px;
	line-height: 0px;
}

.wide-image {
	display: inline-block;
	width: 100%;
	font-size: 0px;
	line-height: 0px;
}

.wide-image-text {
	display: inline-block;
	width: 100%;
}

.wide-text {
	display: inline-block;
	width: 100%;
    text-align: center;
}

.inline-block-content {
	display: inline-block;
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
}


/*	Alignment
   	========================================================================== */

.max-width-text {
	max-width: 640px;
}

.justify-content {
	text-align: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between; 
}

.centered {
	text-align: center;
	justify-content: center;
	vertical-align: middle;

	font-size: 0px;
	line-height: 0px;
}

.left {
	text-align: left;
	justify-content: left;
	vertical-align: middle;

	font-size: 0px;
	line-height: 0px;
}

.right {
	text-align: right;
	justify-content: right;
	vertical-align: middle;

	font-size: 0px;
	line-height: 0px;
}

.float-left {
	float: left;
	justify-content: left;
}

.float-right {
	float: right;
	justify-content: right;
}

/*	Buttons
   	========================================================================== */

a .button-left .inline-block-content,
a .button .inline-block-content {
	padding-top: 5px;
	padding-bottom: 5px;
}

a .button-left,
a .button {
	font-family: 'DINOT', Helvetica, Arial, Sans-Serif, Georgia, serif;
	/* font-family: 'RobotoSlab', Georgia, serif, Helvetica, Arial, Sans-Serif; */
    font-style: bold;
    font-weight: 700;
    text-transform: uppercase;

	display: block;
	vertical-align: middle;
	margin: 0px;
		
	border: solid;
	border-width: 1px;
	
	fill: #00B3EA;
	color: #00B3EA;
	border-color: #ffffff;
	background-color: #ffffff;
}

a .button {
	align: center;
	text-align: center;
}

a .button-left {
	align: left;
	text-align: left;
}

a .button-left:link,
a .button:link {
	fill: #00B3EA;
	color: #00B3EA;
	border-color: #ffffff;
	background-color: #ffffff;
}

a .button-left:visited,
a .button:visited {
	fill: #00B3EA;
	color: #00B3EA;
	border-color: #ffffff;
	background-color: #ffffff;
}

a .button-left:hover,
a .button:hover {
	/*
	fill: #038BD4;
	color: #038BD4;
	border-color: #efefef;
	background-color: #efefef;
	*/

	fill: #ffffff;
	color: #ffffff;
	border-color: #00B3EA;
	background-color: #00B3EA;
}


/*	ICONS
   	========================================================================== */

.icon-link {
	vertical-align: middle;
	padding-right: 20px;
}

.icon-link:before, .icon-link:after {
	content: " ";
}


/*	IMAGES
   	========================================================================== */

.img-spinner {
    background: url("../_images/spinner.gif") 50% no-repeat;
}

.img_wrapper {
	position: relative;

	font-size: 0px;
	line-height: 0px;
}
.img_wrapper img {
	width: 100%;
	border: 0;
	top: 0px;
	
	opacity: 0;	
	
	-webkit-transition: opacity 1s ease-out;
	-moz-transition: opacity 1s ease-out;
	-ms-transition: opacity 1s ease-out;
	transition: opacity 1s ease-out;
}

.img_wrapper.loaded img {
	opacity: 1; 
}

.img_wrapper.loaded img:before,
.img_wrapper.loaded img:after {
	content: '';
}

.profile-image img {
	width: 240px;
	height: 240px;
}

.profile-image {
	margin-top: 40px;

	-webkit-clip-path: circle(120px at 50% 50%);
	clip-path: circle(120px at 50% 50%);
}

.cropped-image {
    display: block;
	position: relative;

	width: 100%;
    margin-top: 0px;
    padding-left: 0%;
    padding-right: 0%;
	border-radius: 0px;
}

/* ========== */

.cropped-image-square {
	position: relative;
    padding-top: 100%; 
    overflow: hidden;

}

.cropped-image-square img {
	position: absolute;

	width: auto;
	height: 100%;
	border: 0;
	top: 50%;
	left: 50%;

 	-webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);

	opacity: 0;	
	
	-webkit-transition: opacity 1s ease-out;
	-moz-transition: opacity 1s ease-out;
	-ms-transition: opacity 1s ease-out;
	transition: opacity 1s ease-out;
}

.cropped-image-square img.portrait {
	width: 100%;
	height: auto;
}

.cropped-image-square.loaded img {
	opacity: 1; 
}

/* ========== */

.cropped-image-2x1 {
	position: relative;
    padding-top: 50%; 
    overflow: hidden;
}

.cropped-image-2x1 img {
	position: absolute;

	width: auto;
	height: 100%;
	border: 0;
	top: 50%;
	left: 50%;

 	-webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);

	opacity: 0;	
	
	-webkit-transition: opacity 1s ease-out;
	-moz-transition: opacity 1s ease-out;
	-ms-transition: opacity 1s ease-out;
	transition: opacity 1s ease-out;
}

.cropped-image-2x1 img.less-than-2x1 {
	width: 100%;
	height: auto;
}

.cropped-image-2x1.loaded img {
	opacity: 1; 
}

/* ========== */

.cropped-image-3x2 {
	position: relative;
    padding-top: 66.66666%; 
    overflow: hidden;
}

.cropped-image-3x2 img {
	position: absolute;

	width: auto;
	height: 100%;
	border: 0;
	top: 50%;
	left: 50%;

 	-webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);

	opacity: 0;	
	
	-webkit-transition: opacity 1s ease-out;
	-moz-transition: opacity 1s ease-out;
	-ms-transition: opacity 1s ease-out;
	transition: opacity 1s ease-out;
}

.cropped-image-3x2 img.less-than-3x2 {
	width: 100%;
	height: auto;
}

.cropped-image-3x2.loaded img {
	opacity: 1; 
}

/* ========== */

.cropped-image-4x3 {
	position: relative;
    padding-top: 75%; 
    overflow: hidden;
}

.cropped-image-4x3 img {
	position: absolute;

	width: auto;
	height: 100%;
	border: 0;
	top: 50%;
	left: 50%;

 	-webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);

	opacity: 0;	
	
	-webkit-transition: opacity 1s ease-out;
	-moz-transition: opacity 1s ease-out;
	-ms-transition: opacity 1s ease-out;
	transition: opacity 1s ease-out;
}

.cropped-image-4x3 img.less-than-4x3 {
	width: 100%;
	height: auto;
}

.cropped-image-4x3.loaded img {
	opacity: 1; 
}

/* ========== */

.cropped-image-3x4 {
	position: relative;
    padding-top: 133.33333%; 
    overflow: hidden;
    
}

.cropped-image-3x4 img {
	position: absolute;

	width: auto;
	height: 100%;
	border: 0;
	top: 50%;
	left: 50%;

 	-webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);

	opacity: 0;	
	
	-webkit-transition: opacity 1s ease-out;
	-moz-transition: opacity 1s ease-out;
	-ms-transition: opacity 1s ease-out;
	transition: opacity 1s ease-out;
}

.cropped-image-3x4 img.less-than-3x4 {
	width: 100%;
	height: auto;
}

.cropped-image-3x4.loaded img {
	opacity: 1; 
}



/* 	3-Column Grid: Left Column is 2 Units, Right Column is 1 Unit Wide 																			
   	========================================================================== */

.three-column-primary {
	display: inline-block;
	float: left;
	vertical-align: middle; 
	text-align: center;

	font-size: 0px;
	line-height: 0px;
	
	/* background: rgba(0,255,0,0.2); */
}

.three-column-primary:before,
.three-column-primary:after {
    content: '';
}

.three-column-primary-right {
	display: inline-block;
	float: right;
	vertical-align: middle; 
	text-align: center;

	font-size: 0px;
	line-height: 0px;
	
	/* background: rgba(0,255,0,0.2); */
}

.three-column-primary-right:before,
.three-column-primary-right:after {
    content: '';
}

.three-column-primary-text {
	display: inline-block;
	float: left;
	vertical-align: top; 
	
	/* background: rgba(255,0,0,0.2); */
}

.three-column-primary-text:before,
.three-column-primary-text:after {
    content: '';
}

.three-column-primary-image {
	display: inline-block;
	float: left;
	vertical-align: top; 

	font-size: 0px;
	line-height: 0px;
	
	/* background: rgba(0,255,0,0.2); */
}

.three-column-primary-image:before,
.three-column-primary-image:after {
    content: '';
}

.three-column-secondary {
	display: inline-block;
	float: right;
	padding-left: 0px;
	/* background: rgba(0,0,255,0.2); */
	
	font-size: 0px;
	line-height: 0px;
}

.three-column-secondary:before,
.three-column-secondary:after, {
    content: '';
}

.three-column-secondary-left {
	display: inline-block;
	float: left;
	padding-left: 0px;
	/* background: rgba(0,0,255,0.2); */
	
	font-size: 0px;
	line-height: 0px;
}

.three-column-secondary-left:before,
.three-column-secondary-left:after, {
    content: '';
}

.three-column-secondary-text {
	display: inline-block;
	width: 100%;
}

.three-column-secondary-image {
	display: inline-block;
	width: 100%;
	height: 100%;

	margin-left: 0px;
	margin-right: 0px;
		
	vertical-align: top;

	font-size: 0px;
	line-height: 0px;
}

.three-column-secondary-image:before,
.three-column-secondary-image:after, {
    content: '';
}

/*	==================== */

.three-column-1x {
	float: left;

	height: 100%;
	padding: 0px;

	vertical-align: middle; 
	text-align: left;

	font-size: 0px;
	line-height: 0px;
}

.three-column-2x {
	float: right;

	height: 100%;
	padding: 0px;
	
	vertical-align: middle; 
	text-align: left;

	font-size: 0px;
	line-height: 0px;
}

/* 	2 Equal Columns 																			
   	========================================================================== */

.two-column-equal {
	display: inline-block;

	font-size: 0px;
	line-height: 0px;
	/* background: rgba(0,255,0,0.2); */
	
	vertical-align: top;
}

.two-column-equal-left {

	display: table-cell; /* inline-block; */

	font-size: 0px;
	line-height: 0px;

	width: 50%;
	height: 100%;
	text-align: left;
	vertical-align: top;

}

.two-column-equal-right {

	display: table-cell; /* inline-block; */

	font-size: 0px;
	line-height: 0px;

	width: 50%;
	height: 100%;
	text-align: right;
	vertical-align: top;

}


/* 	3 Equal Columns 																			
   	========================================================================== */

.three-column-equal {
	display: inline-block;
	padding-left: 0px;
	/* background: rgba(0,0,255,0.2); */
	
	font-size: 0px;
	line-height: 0px;
	vertical-align: top;
}

.three-column-equal:before,
.three-column-equal:after, {
    content: '';
}

.three-column-left,
.three-column-right,
.three-column-center {
	width: 33.33333%;
	background-color: #fafafa;
}

.three-column-left {
	display: inline-block;
	padding-left: 0px;
	font-size: 0px;
	line-height: 0px;
}

.three-column-center {
	display: inline-block;
	padding-left: 0px;
	font-size: 0px;
	line-height: 0px;
}

.three-column-right {
	display: inline-block;
	padding-left: 0px;
	font-size: 0px;
	line-height: 0px;
}

/* 	6 Equal Columns 																			
   	========================================================================== */

.tile-6x {
	display: block;
	float: left;
	position: relative;
	
	font-size: 0px;
	line-height: 0px;
}

/* SECTIONS
   ========================================================================== */

.section-title {
    display: flex;
    flex-direction: column;
	width: 100%;
	max-width: 1440px; 
/*	horizontal-align: center; */
	justify-content: center;
}

.section-subtitle {
    display: flex;
    flex-direction: column;
	width: 100%;
	max-width: 1440px; 
/*	horizontal-align: center; */
	justify-content: center;
}

.section-divider {
	display: table;
	width: 100%;
	margin-left: auto;
	margin-right: auto;

	font-size: 0px;
	line-height: 0px; 
	
	content: "";
	
	border-top: solid;
	border-top-color: #cccccc;
}

.section-divider-small {
	display: table;
	width: 100%;
	margin-left: auto;
	margin-right: auto;

	font-size: 0px;
	line-height: 0px; 
	
	content: "";
	
	border-top: dotted;
	border-top-color: #dedede;
}


/* TABLES
   ========================================================================== */

.table {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0px;
	border: 0px;
	padding: 0px;
}

.table-header {   	
 	display: -webkit-flex;
   	display: -ms-flexbox;
   	display: flex;

	-webkit-align-items: center;
	align-items: center;
   	
	border-bottom: solid;
	border-bottom-width: 2px;
	border-bottom-color: #333333;
}

.table-row {	
 	display: -webkit-flex;
   	display: -ms-flexbox;
	display: flex;

	-webkit-align-items: center;
	align-items: center;
}

.table-row-line {	
 	display: -webkit-flex;
   	display: -ms-flexbox;
	display: flex;

	-webkit-align-items: center;
	align-items: center;

	border-bottom: solid;
	border-bottom-width: 1px;
	border-bottom-color: #dedede;
}

.table-2-left {
	display: inline-block;	
	padding-right: 5px;
	text-align: left;
}

.table-2-right {
	display: inline-block;
	padding-left: 5px;
	text-align: right;
}
	
/* FOOTER
   ========================================================================== */

.footer {
    display: block;
	float: left;

    padding: 0px;
	width: 100%;
	border: 0px;
	background-color: #ffffff;

	border-top: solid;
	border-top-width: 1px;
	border-top-color: #ffffff;

	font-size: 0px;
	line-height: 0px;
}

.footer-object {
    display: table;
	width: 100%;
	max-width: 1440px;

    padding: 0px;
	margin-left: auto;
	margin-right: auto;
	border: 0px;
	
	font-size: 0px;
	line-height: 0px;
	text-align: justify;
}

.footer-left {
    display: inline-block;
    padding: 0px;
	text-align: left; 
	vertical-align: middle; 
	
	font-size: 0px;
	line-height: 0px;
	width: 80%;
}

.footer-right {
    display: inline-block;
    padding: 0px;
	text-align: right;
	vertical-align: middle; 
	
	font-size: 0px;
	line-height: 0px;
	width: 20%;
}

.footer-icon-top {
    display: inline-block;
	/* text-align: right; */
	vertical-align: middle;
}

.footer-icon-top a {
    padding: 0px;

  	fill: #999999; 
  	cursor:pointer;
}

.footer-icon-top a:hover {
    padding: 0px;

  	fill: #038BD4; 
  	cursor:pointer;
}

.footer-icon-top a:visited {
    padding: 0px;

  	fill: #999999; 
  	cursor:pointer;
}

.background-f6f4f5 {
	background-color: #f6f4f5;
}

.background-light-gray {
	background-color: #f2f0f0;
}


/* 	=============================================================================== */
/* 	MOBILE																			*/
/*	=============================================================================== */

@media (max-width: 480px) { 

	.main ul li {
		padding-top: 4px;
	 }

	.content {
		padding-top: 40px;

		/* set padding-bottom to height of the footer + desired padding below the content */
		padding-bottom: 96px;
	}

	.padded-row {
		padding-top: 10px; 
		padding-bottom: 10px; 
		padding-left: 0px; 
		padding-right: 0px; 
		font-size: 0px;
		line-height: 0px;
	}

/*	==================== */


	.two-column-equal {
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.two-column-equal-left {
		display: inline-block;

		width: 100%;

		padding-top: 10px;
		padding-bottom: 30px;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.two-column-equal-right {
		display: inline-block;

		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.three-column-equal {
		width: 100%;
	}

	.three-column-left {
		align: left;
		padding-left: 20px;
		padding-right: 0px;
	}

	.three-column-right {
		align: right;
		padding-left: 0px;
		padding-right: 20px;
	}

	.three-column-center {
		align: center;
		padding-left: 0px;
		padding-right: 0px;
	}

	.tile-6x {
		margin-right: 0%;
		width: 50%; 
	}
	
/*	==================== */

	.three-column-primary {
		width: 100%;
		padding: 0px;
	}

	.three-column-primary-right {
		width: 100%;
		padding: 0px;
	}

	.three-column-primary-text {
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.three-column-primary-image {
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.three-column-secondary {
		width: 100%;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.three-column-secondary-left {
		width: 100%;
		padding: 0px;
	}

	.three-column-secondary-text {
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.three-column-secondary-image {
		width: 100%;
		padding: 10px;
	}

/*	==================== */

	.three-column-1x {
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
		padding-bottom: 0px;
	}

	.three-column-2x {
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 0px;
		padding-bottom: 10px;
	}

/*	==================== */	

	.image-overlay-content {
		padding: 10px;
	}

/*	==================== */

	.full-image {
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.wide-image {
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 0px;
		padding-right: 0px;
	}

	.wide-image-text {
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.wide-text {
		padding: 20px;
	}

	.align-variable {
		text-align: left;
	}

/*	==================== */

	.table {
		padding: 10px;
		margin-bottom: 10px;
	}

	.table-header {
		padding-top: 8px;
		padding-bottom: 8px;
		padding-left: 0px;
		padding-right: 0px;
	}

	.table-row {
		padding-top: 8px;
		padding-bottom: 8px;
		padding-left: 0px;
		padding-right: 0px;
	}

	.table-row-line {
		padding-top: 8px;
		padding-bottom: 8px;
		padding-left: 0px;
		padding-right: 0px;
	}

/*	==================== */

	.spacer-extra-small {
		height: 5px;
	}

	.spacer-small {
		height: 10px;
	}

	.spacer-medium {
		height: 20px;
	}

	.spacer-large {
		height: 40px;
	}

/*	==================== */


	a .button {
		margin-left: 20px;
		margin-right: 20px;
	}

	a .button-left {
		align: center;
		text-align: center;
	}

	a .button-left,
	a .button {
		font-size: 14px;
		line-height: 14px;
		padding: 10px;
	}

	.section-title {
		padding-top: 40px;
		padding-bottom: 40px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.section-subtitle {
		padding-top: 40px;
		padding-bottom: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}
		
	.section-divider {
		border-top-width: 1px;
		margin-bottom: 40px;
	}

	.section-divider-small {
		border-top-width: 1px;
		margin-bottom: 40px;
	}

	.footer {
		/* set margin-top to 0 minus the height of the footer */
		margin-top: -72px;
	}
	
	.footer-object {
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.footer-icon-top {
		width: 32px;
		height: 32px;
	}

}

/* 	=============================================================================== */
/* 	TABLET																			*/
/*	=============================================================================== */

@media (min-width: 481px) and (max-width: 960px) { 

	.main ul li {
		padding-top: 8px;
	 }

	.content {
		padding-top: 40px;

		/* set padding-bottom to height of the footer + desired padding below the content */
		padding-bottom: 156px;
	}

	.padded-row {
		padding-top: 20px; 
		padding-bottom: 20px; 
		padding-left: 0px; 
		padding-right: 0px; 
	}

/*	==================== */

	.two-column-equal {
		width: 50%;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 40px;
		padding-right: 40px;
	}

	.two-column-equal-left {
		display: table-cell;

		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 40px;
		padding-right: 10px;
	}
	
	.two-column-equal-right {
		display: table-cell;

		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 10px;
		padding-right: 40px;
	}

	.three-column-equal {
		width: 50%;
	}

	.three-column-left {
		align: left;
		padding-left: 0px;
		padding-right: 0px;
	}

	.three-column-right {
		align: right;
		padding-left: 0px;
		padding-right: 0px;
	}

	.three-column-center {
		align: center;
		padding-left: 0px;
		padding-right: 0px;
	}

	.tile-6x {
		margin-right: 0%;
		width: 25%; 
	}
	
/*	==================== */

	.three-column-primary {
		width: 100%;
		padding: 0px;
	}

	.three-column-primary-right {
		width: 100%;
		padding: 0px;
	}

	.three-column-primary-text {
		width: 100%;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 40px;
		padding-right: 40px;
	}

	.three-column-primary-image {
		width: 100%;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 40px;
		padding-right: 40px;
	}

	.three-column-secondary {
		width: 100%;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.three-column-secondary-left {
		width: 100%;
		padding: 0px;
	}
	
	.three-column-secondary-text {
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.three-column-secondary-image {
		width: 50%;
		padding: 20px;
	}
	
/*	==================== */

	.three-column-1x {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 20px;
		padding-bottom: 0px;
	}

	.three-column-2x {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 0px;
		padding-bottom: 20px;
	}

/*	==================== */	

	.image-overlay-content {
		padding: 10px;
	}

/*	==================== */

	.full-image {
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.wide-image {
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 0px;
		padding-right: 0px;
	}

	.wide-image-text {
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 40px;
		padding-right: 40px;
	}

	.wide-text {
		padding: 40px;
	}

	.align-variable {
		text-align: center;
	}

/*	==================== */

	.table {
		padding: 20px;
		margin-bottom: 20px;
	}

	.table-header {
		padding-top: 8px;
		padding-bottom: 8px;
		padding-left: 0px;
		padding-right: 0px;
	}

	.table-row {
		padding-top: 8px;
		padding-bottom: 8px;
		padding-left: 0px;
		padding-right: 0px;
	}

	.table-row-line {
		padding-top: 8px;
		padding-bottom: 8px;
		padding-left: 0px;
		padding-right: 0px;
	}

/*	==================== */

	.spacer-extra-small {
		height: 10px;
	}

	.spacer-small {
		height: 20px;
	}

	.spacer-medium {
		height: 40px;
	}

	.spacer-large {
		height: 80px;
	}

/*	==================== */


	a .button {
		margin-left: 40px;
		margin-right: 40px;
	}

	a .button-left {
		align: center;
		text-align: center;
	}

	a .button-left,
	a .button {
		font-size: 18px;
		line-height: 18px;
		padding: 10px;
	}

	.section-title {
		padding-top: 40px;
		padding-bottom: 40px;
		padding-left: 40px;
		padding-right: 40px;
	}

	.section-subtitle {
		padding-top: 40px;
		padding-bottom: 20px;
		padding-left: 40px;
		padding-right: 40px;
	}

	.section-divider {
		border-top-width: 1px;
		margin-bottom: 80px;
	}

	.section-divider-small {
		border-top-width: 1px;
		margin-bottom: 40px;
	}

	.footer {
		/* set margin-top to 0 minus the height of the footer */
		margin-top: -112px;
	}

	.footer-object {
		padding-top: 40px;
		padding-bottom: 40px;
		padding-left: 40px;
		padding-right: 40px;
	}

	.footer-icon-top {
		width: 32px;
		height: 32px;
	}

}

/* 	=============================================================================== */
/* 	LAPTOP																			*/
/*	=============================================================================== */

@media (min-width: 961px) and (max-width: 1440px) { 

	.main ul li {
		padding-top: 8px;
	 }

	.content {
		padding-top: 40px;

		/* set padding-bottom to height of the footer + desired padding below the content */
		padding-bottom: 156px;
	}

	.padded-row {
		padding-top: 20px; 
		padding-bottom: 20px; 
		padding-left: 20px; 
		padding-right: 20px; 
	}

/*	==================== */

	.two-column-equal {
		width: 50%;
		padding: 20px;
	}

	.two-column-equal-left {
		display: table-cell;

		padding: 20px;
	}
	
	.two-column-equal-right {
		display: table-cell;

		padding: 20px;
	}
	
	.three-column-equal {
		width: 33.33333%;
	}

	.three-column-left {
		align: left;
		padding-left: 0px;
		padding-right: 0px;
	}

	.three-column-right {
		align: right;
		padding-left: 0px;
		padding-right: 0px;
	}

	.three-column-center {
		align: center;
		padding-left: 0px;
		padding-right: 0px;
	}

	.tile-6x {
		margin-right: 0%;
		width: 16.66666%; 
	}

/*	==================== */

	.three-column-primary {
		width: 66.66666%;
		padding: 0px;
	}

	.three-column-primary-right {
		width: 66.66666%;
		padding: 0px;
	}

	.three-column-primary-text {
		width: 66.66666%;
		padding: 20px;
	}

	.three-column-primary-image {
		width: 66.66666%;
		padding: 20px;
	}

	.three-column-secondary {
		width: 33.33333%;
		padding: 0px;
	}
	
	.three-column-secondary-left {
		width: 33.33333%;
		padding: 0px;
	}
	
	.three-column-secondary-text {
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.three-column-secondary-image {
		width: 100%;
		padding: 20px;
	}

/*	==================== */

	.three-column-1x {
		width: 33.33333%;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.three-column-2x {
		width: 66.66666%;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 0px;
		padding-bottom: 0px;
	}

/*	==================== */	

	.image-overlay-content {
		padding: 20px;
	}

/*	==================== */	

	.full-image {
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.wide-image {
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.wide-image-text {
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.wide-text {
		padding-top: 40px;
		padding-bottom: 40px;
		padding-left: 180px;
		padding-right: 180px;
	}

	.align-variable {
		text-align: center;
	}

/*	==================== */

	.table {
		padding: 20px;
		margin-bottom: 20px;
	}

	.table-header {
		padding-top: 8px;
		padding-bottom: 8px;
		padding-left: 0px;
		padding-right: 0px;
	}

	.table-row {
		padding-top: 8px;
		padding-bottom: 8px;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.table-row-line {
		padding-top: 8px;
		padding-bottom: 8px;
		padding-left: 0px;
		padding-right: 0px;
	}

/*	==================== */

	.spacer-extra-small {
		height: 10px;
	}

	.spacer-small {
		height: 20px;
	}

	.spacer-medium {
		height: 40px;
	}

	.spacer-large {
		height: 80px;
	}

/*	==================== */

	a .button-left,
	a .button {
		font-size: 18px;
		line-height: 18px;
		padding: 10px;
	}

	.section-title {
		padding-top: 40px;
		padding-bottom: 40px;
		padding-left: 40px;
		padding-right: 40px;
	}
	
	.section-subtitle {
		padding-top: 40px;
		padding-bottom: 20px;
		padding-left: 40px;
		padding-right: 40px;
	}
	
	.section-divider {
		border-top-width: 1px;
		margin-bottom: 80px;
	}

	.section-divider-small {
		border-top-width: 1px;
		margin-bottom: 40px;
	}
	
	.footer {
		/* set margin-top to 0 minus the height of the footer */
		margin-top: -112px;
	}
	
	.footer-object {
		padding-top: 40px;
		padding-bottom: 40px;
		padding-left: 40px;
		padding-right: 40px;
	}

	.footer-icon-top {
		width: 32px;
		height: 32px;
	}

}

/* 	=============================================================================== */
/* 	WIDESCREEN																		*/
/*	=============================================================================== */

@media (min-width: 1441px) { 

	.main ul li {
		padding-top: 8px;
	 }

	.content {
		padding-top: 40px;

		/* set padding-bottom to height of the footer + desired padding below the content */
		padding-bottom: 156px;
	}

	.padded-row {
		padding-top: 20px; 
		padding-bottom: 20px; 
		padding-left: 20px; 
		padding-right: 20px; 
	}

/*	==================== */

	.two-column-equal {
		width: 50%;
		padding: 20px;
	}

	.two-column-equal-left {
		display: table-cell;

		padding: 20px;
	}
	
	.two-column-equal-right {
		display: table-cell;

		padding: 20px;
	}
	
	.three-column-equal {
		width: 33.33333%;
	}

	.three-column-left {
		align: left;
		padding-left: 0px;
		padding-right: 0px;
	}

	.three-column-right {
		align: right;
		padding-left: 0px;
		padding-right: 0px;
	}

	.three-column-center {
		align: center;
		padding-left: 0px;
		padding-right: 0px;
	}

	.tile-6x {
		margin-right: 0%;
		width: 16.66666%; 
	}
	
/*	==================== */
	
	.three-column-primary {
		width: 66.66666%;
		padding: 0px;
	}

	.three-column-primary-right {
		width: 66.66666%;
		padding: 0px;
	}

	.three-column-primary-text {
		width: 66.66666%;
		padding: 20px;
	}

	.three-column-primary-image {
		width: 66.66666%;
		padding: 20px;
	}

	.three-column-secondary {
		width: 33.33333%;
		padding: 0px;
	}

	.three-column-secondary-left {
		width: 33.33333%;
		padding: 0px;
	}

	.three-column-secondary-text {
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.three-column-secondary-image {
		width: 100%;
		padding: 20px;
	}

/*	==================== */

	.three-column-1x {
		width: 33.33333%;
		padding-left: 0px;
		padding-right: 20px;
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.three-column-2x {
		width: 66.66666%;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 0px;
		padding-bottom: s0px;
	}

/*	==================== */	

	.image-overlay-content {
		padding: 20px;
	}

/*	==================== */	

	.full-image {
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.wide-image {
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.wide-image-text {
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.wide-text {
		padding-top: 40px;
		padding-bottom: 40px;
		padding-left: 240px;
		padding-right: 240px;
	}

	.align-variable {
		text-align: center;
	}

/*	==================== */

	.table {
		padding: 20px;
		margin-bottom: 20px;
	}

	.table-header {
		padding-top: 8px;
		padding-bottom: 8px;
		padding-left: 0px;
		padding-right: 0px;
	}

	.table-row {
		padding-top: 8px;
		padding-bottom: 8px;
		padding-left: 0px;
		padding-right: 0px;
	}

	.table-row-line {
		padding-top: 8px;
		padding-bottom: 8px;
		padding-left: 0px;
		padding-right: 0px;
	}

/*	==================== */

	.spacer-extra-small {
		height: 10px;
	}

	.spacer-small {
		height: 20px;
	}

	.spacer-medium {
		height: 40px;
	}

	.spacer-large {
		height: 80px;
	}

/*	==================== */

	a .button-left,
	a .button {
		font-size: 18px;
		line-height: 18px;
		padding: 10px;
	}

	.section-title {
		padding-top: 40px;
		padding-bottom: 40px;
		padding-left: 40px;
		padding-right: 40px;
	}

	.section-subtitle {
		padding-top: 40px;
		padding-bottom: 20px;
		padding-left: 40px;
		padding-right: 40px;
	}

	.section-divider {
		border-top-width: 1px;
		margin-bottom: 80px;
	}

	.section-divider-small {
		border-top-width: 1px;
		margin-bottom: 40px;
	}

	.footer {
		/* set margin-top to 0 minus the height of the footer */
		margin-top: -112px;
	}
	
	.footer-object {
		padding-top: 40px;
		padding-bottom: 40px;
		padding-left: 40px;
		padding-right: 40px;
	}
	
	.footer-icon-top {
		width: 32px;
		height: 32px;
	}
	
}