/* IMAGES */
		.promo img {
		    width: 100%;
		    height: auto; }
	/* For desktop: */
		.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%; 	}
	
	@media only screen and (max-width: 768px) {
		/* For mobile phones: */
		[class*="col-"] {
			width: 100%; }
	}
	/*:::  Table of contents :::::::::::::::::::::::::::::
			- Grid
			- Base Styles
			- Buttons
			- Forms
			- Spacing
			- Clearing
			- Media Queries   */
	
	/* Grid ::::::::::::::::::::::::::::: */
		.container {
			position: relative;
			width: 100%;
			max-width: 960px;
			margin: 0 auto;
			/* padding: 0 20px;*/
			box-sizing: border-box; }
		.column,
		.columns {
			width: 100%;
			float: left;
			box-sizing: border-box; 
			/*background: #ccc;
			border: 1px solid #666;*/
		}
		
		/* For devices larger than 400px */
		@media (min-width: 400px) {
			.container {
				width: 92%;
				padding: 0; }
		}
		
		/* For devices larger than 550px */
		@media (min-width: 550px) {
			.container {
				width: 92%; }
			.column,
			.columns {
				margin-left: 4%; }
			.column:first-child,
			.columns:first-child {
				margin-left: 0; }
			
			.one.column,
			.one.columns                    { width: 4.66666666667%; }
			.two.columns                    { width: 13.3333333333%; }
			.three.columns                  { width: 22%;            }
			.four.columns                   { width: 30.6666666667%; }
			.five.columns                   { width: 39.3333333333%; }
			.six.columns                    { width: 48%;            }
			.seven.columns                  { width: 56.6666666667%; }
			.eight.columns                  { width: 65.3333333333%; }
			.nine.columns                   { width: 74.0%;          }
			.ten.columns                    { width: 82.6666666667%; }
			.eleven.columns                 { width: 91.3333333333%; }
			.twelve.columns                 { width: 100%; margin-left: 0; }
			
			.one-third.column               { width: 30.6666666667%; }
			.two-thirds.column              { width: 65.3333333333%; }
			
			.one-half.column                { width: 48%; }
			
			/* Offsets */
			.offset-by-one.column,
			.offset-by-one.columns          { margin-left: 8.66666666667%; }
			.offset-by-two.column,
			.offset-by-two.columns          { margin-left: 17.3333333333%; }
			.offset-by-three.column,
			.offset-by-three.columns        { margin-left: 26%;            }
			.offset-by-four.column,
			.offset-by-four.columns         { margin-left: 34.6666666667%; }
			.offset-by-five.column,
			.offset-by-five.columns         { margin-left: 43.3333333333%; }
			.offset-by-six.column,
			.offset-by-six.columns          { margin-left: 52%;            }
			.offset-by-seven.column,
			.offset-by-seven.columns        { margin-left: 60.6666666667%; }
			.offset-by-eight.column,
			.offset-by-eight.columns        { margin-left: 69.3333333333%; }
			.offset-by-nine.column,
			.offset-by-nine.columns         { margin-left: 78.0%;          }
			.offset-by-ten.column,
			.offset-by-ten.columns          { margin-left: 86.6666666667%; }
			.offset-by-eleven.column,
			.offset-by-eleven.columns       { margin-left: 95.3333333333%; }
			
			.offset-by-one-third.column,
			.offset-by-one-third.columns    { margin-left: 34.6666666667%; }
			.offset-by-two-thirds.column,
			.offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }
			
			.offset-by-one-half.column,
			.offset-by-one-half.columns     { margin-left: 52%; }
		
		}

	/* Buttons ::::::::::::::::::::::::::::: */
		.button,
		button,
		input[type="submit"],
		input[type="reset"],
		input[type="button"] {
			display: inline-block;
			height: 38px;
			padding: 0 30px;
			color: #555;
			text-align: center;
			font-size: 11px;
			font-weight: 600;
			line-height: 38px;
			letter-spacing: .1rem;
			text-transform: uppercase;
			text-decoration: none;
			white-space: nowrap;
			background-color: #B4E0B2 /*transparent*/;
			border-radius: 4px;
			border: 1px solid #bbb;
			cursor: pointer;
			box-sizing: border-box; }
		.button:hover,
		button:hover,
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover,
		.button:focus,
		button:focus,
		input[type="submit"]:focus,
		input[type="reset"]:focus,
		input[type="button"]:focus {
			color: #333;
			border-color: #888;
			outline: 0; }
		.button.button-primary,
		button.button-primary,
		input[type="submit"].button-primary,
		input[type="reset"].button-primary,
		input[type="button"].button-primary {
			color: #FFF;
			background-color: #33C3F0;
			border-color: #33C3F0; }
		.button.button-primary:hover,
		button.button-primary:hover,
		input[type="submit"].button-primary:hover,
		input[type="reset"].button-primary:hover,
		input[type="button"].button-primary:hover,
		.button.button-primary:focus,
		button.button-primary:focus,
		input[type="submit"].button-primary:focus,
		input[type="reset"].button-primary:focus,
		input[type="button"].button-primary:focus {
			color: #FFF;
			background-color: #1EAEDB;
			border-color: #1EAEDB; }
		
	
	/* Forms ::::::::::::::::::::::::::::: */
		input[type="email"],
		input[type="number"],
		input[type="search"],
		input[type="text"],
		input[type="tel"],
		input[type="url"],
		input[type="password"],
		textarea,
		select {
			height: 38px;
			padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
			background-color: #fff;
			border: 1px solid #D1D1D1;
			border-radius: 4px;
			box-shadow: none;
			box-sizing: border-box; }
		/* Removes awkward default styles on some inputs for iOS */
		input[type="email"],
		input[type="number"],
		input[type="search"],
		input[type="text"],
		input[type="tel"],
		input[type="url"],
		input[type="password"],
		textarea {
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none; }
		textarea {
			min-height: 85px;
			padding-top: 6px;
			padding-bottom: 6px; }
		input[type="email"]:focus,
		input[type="number"]:focus,
		input[type="search"]:focus,
		input[type="text"]:focus,
		input[type="tel"]:focus,
		input[type="url"]:focus,
		input[type="password"]:focus,
		textarea:focus,
		select:focus {
			border: 1px solid #33C3F0;
			outline: 0; }
		label,
		legend {
			display: block;
			margin-bottom: .5rem;
			font-weight: 600; }
		fieldset {
			padding: 0;
			border-width: 0; }
		input[type="checkbox"],
		input[type="radio"] {
			display: inline; }
		label > .label-body {
			display: inline-block;
			margin-left: .5rem;
			font-weight: normal; }
	
	/* Clearing ::::::::::::::::::::::::::::: */
		.container:after,
		.row:after,
		.u-cf {
			content: "";
			display: table;
			clear: both; }
		.clear:after, 
		.clearfix:after {
			content: ".";
			display: block;
			clear: both;
			visibility: hidden;
			line-height: 0;
			height: 0; }
		html[xmlns] .clearfix {
			display: block; }
		* html .clearfix {
			height: 1%; }