﻿/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address, img {  
    display: block;  
} 
/***** END RESET *****/

/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/********** Control the Captcha **********/
.CaptchaPanel {
margin: 10px auto !important;
padding:0 0 0 0 !important;
text-align: center;
line-height:normal !important;
}

.CaptchaImage {
	border: 1px solid #333 !important;
	margin: 0px auto !important;
}

.CaptchaImagePanel {
margin:0 0 0 0;
padding:0 0 0 0 !important;
}

.CaptchaMessagePanel {
padding:0 0 0 0 !important;
margin: 5px auto !important;
font-weight:normal !important;
font-size:12px;
line-height:14px;
}

.CaptchaAnswerPanel {
margin:0 0 0 0;
padding:2px 0px 2px 0px !important;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin: 10px auto;
	padding:8px 0 8px 0 !important;
}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 


/***** Overall *****/
html {
	width: 100%;
	height: auto;
}

body {
	width: 100%;
	height: auto;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	text-align: center;
	font-size: 0px;
	background: url(../siteart/images/subtle_dots.png) !important;
	background-repeat: repeat !important;
}

/********** Header **********/
.heading {
	width: 100%;
	height: auto;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 14px;
	position: relative;
	display: inline-block;
	*background: url(../siteart/images/dark-triangles.png);
	background: url(../siteart/images/subtle_dots.png);
	*background-repeat: repeat-x;
	background-repeat: repeat;
	*background-color: pink;
}

.tagline {
	width: auto;
	height: auto;
	font-family: "Oswald", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-style: italic;
	display: inline-block;
	margin: 24px auto;
	text-align: center;
	vertical-align: middle;
	text-shadow: 0px 0px 10px #66676C;
}

.tagline h1 {
	font-size: 26px;
	text-transform: uppercase;
	letter-spacing: 1px;
	word-spacing: 2px;
	position: relative;
	color: #333;
	*background-color: #EE1D25;
}

.tagline h2 {
	font-size: 52px;
	font-weight: 400;
	text-transform: uppercase;
	word-spacing: 2px;
	color: #EE1D25;
}

.main-logo {
	width: 350px;
	height: 120px;
	position: relative;
	display: inline-block;
	float: left;
	margin: 18px 0px 18px 36px;
	background-color: pink;
	background: url(../siteart/logos/CarrollImplementLtd.png);
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	box-sizing: border-box;
	transition: ease-out 0.15s;
}

.main-logo:hover {
	opacity: 0.65;
	transition: ease-in 0.15s;
}

.heading a {
	text-decoration: none;
	color: #333;
	transition: ease-out 0.15s;
}

.heading a:hover {
	transition: ease-in 0.15s;
	color: #EE1D25;
}

.heading .contact {
	width: 310px;
	height: auto;
	margin: 28px 36px 18px 0px;
	position: relative;
	display: inline-block;
	*background-color: aliceblue;
	float: right;
}

.contact a {
	text-decoration: none;
	color: #333;
	transition: ease-out 0.15s;
}

.contact a:hover {
	color: #ee1d25;
	transition: ease-in 0.15s;
}

.contact1 {
	width: 100%;
	height: 25px;
	position: relative;
	display: inline-block;
	margin-bottom: 5px;
	*background-color: orange;
	text-align: left;
}

.contact1 p {
	font-size: 16px;
	text-align: left;
	text-transform: uppercase;
	color: #333;
	letter-spacing: 0.5px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.icon {
	width: auto;
	height: 18px;
	position: relative;
	display: inline-block;
	margin-right: 10px;
	*background-color: purple;
	vertical-align: middle;
}

.icon img {
	width: auto;
	height: 100%;
	margin: 0px auto;
	display: inline-block;
}

.pay-bill {background:#ee1d25; padding: 10px 15px; display: block; text-align: center; color:#fff; letter-spacing: 1px; transition: .3s ease;}
.pay-bill:hover {background: #333;}
/********** Content **********/
.contained1 {
	width: 100%;
	height: 700px;
	position: relative;
	display: inline-block;
	background: url(../siteart/images/9a01051213c7dae4b222892a5d9f5990-xxlarge_2.JPG);
	background-position: center;
	background-size: 100% auto;
	background-repeat: no-repeat;
	*background-color: aliceblue;
}

.mobile-background {
	width: 100%;
	height: 500px;
	position: relative;
	display: none;
	background: url(../siteart/images/9a01051213c7dae4b222892a5d9f5990-xxlarge_2.JPG);
	background-position: center;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.contained2 {
	width: calc(100% - 72px);
	height: auto;
	margin: 20px auto;
	position: relative;
	display: inline-block;
	*background-color: pink;
	background: url(../siteart/images/subtle_dots.png);
}

.contained2 h1 {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	color: #EE1D25;
	font-size: 36px;
	*margin: 20px auto;
}

.contained3 {
	width: calc(100% - 72px);
	height: auto;
	margin: 20px auto;
	position: relative;
	display: inline-block;
	*background-color: pink;
}

.contained3 h1 {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	color: #EE1D25;
	font-size: 36px;
	*margin: 20px auto;
}

.contained4 {
	width: calc(100% - 72px);
	height: auto;
	margin: 20px auto;
	position: relative;
	display: inline-block;
	*background-color: pink;
}

.contained4 h1 {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	color: #EE1D25;
	font-size: 36px;
	*margin: 20px auto;
}

.summary1 {
	width: 90%;
	height: auto;
	margin: 0px auto;
	*margin: 10% auto;
	position: relative;
	display: inline-block;
}

.summary2 {
	width: 90%;
	height: auto;
	margin: 0px auto;
	*margin: 10% auto;
	position: relative;
	display: inline-block;
}

.about {
	width: 30%;
	height: auto;
	margin: 0px auto;
	position: relative;
	display: inline-block;
	*background-color: pink;
	vertical-align: top;
	box-sizing: border-box;
}

.about h1 {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	color: #EE1D25;
	font-size: 36px;
	margin: 20px auto 5px auto;
}

.about strong {
	text-transform: uppercase;
	font-family: "Roboto Condensed", sans-serif;
	letter-spacing: 0.5px;
}

.about p {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	color: #333;
	font-size: 16px;
	width: calc(100% - 72px);
	margin: 0px auto;
	margin-bottom: 15px;
	line-height: 24px;
}

.about img {
	width: 100%;
	height: auto;
	position: relative;
	display: inline-block;
}

.map {
	width: 100%;
	height: 200px;
	margin: 20px auto;
	position: relative;
	display: inline-block;
}

.map iframe {
	width: 100%;
	height: 200px;
}

.about a {
	text-decoration: none;
	color: #333;
	transition: ease-out 0.15s;
}

.about a:hover h1 {
	color: #333;
}

.about a:hover {
	color: #EE1D25;
	transition: ease-in 0.15s;
}

.summary-mobile {
	width: 90%;
	height: auto;
	margin: 20px auto;
	position: relative;
	display: none;
	background-color: rgba(255, 255, 255, 0.8);
}

.summary1 h1 {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	color: #EE1D25;
	font-size: 36px;
	margin: 20px auto;
}

.summary2 h1 {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	color: #EE1D25;
	font-size: 36px;
	margin: 20px auto;
}

.summary-mobile h1 {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	color: #EE1D25;
	font-size: 36px;
	margin: 20px auto;
}

.summary1 p {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	color: #333;
	font-size: 16px;
	width: calc(100% - 114px);
	margin: 0px auto;
	margin-bottom: 20px;
	line-height: 24px;
}

.summary2 p {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	color: #333;
	font-size: 16px;
	width: calc(100% - 114px);
	margin: 0px auto;
	margin-bottom: 20px;
	line-height: 24px;
}

.summary-mobile p {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	color: #333;
	font-size: 16px;
	width: calc(100% - 72px);
	margin: 0px auto;
	margin-bottom: 20px;
	line-height: 24px;
}

.button1, .button2, .button3, .button4, .button5, .button6 {
	*width: 850px;
	width: 25%;
	height: 240px;
	margin: 20px;
	position: relative;
	display: inline-block;
	background-color: aliceblue;
	box-sizing: border-box;
	vertical-align: middle;
	transition: ease-out 0.15s;
}

.button1:hover, .button2:hover, .button3:hover, .button4:hover, .button5:hover, .button6:hover {
	background-size: 125% auto;
	transition: ease-in 0.15s;
}

.button7, .button8, .button9, .button10, .button11, .button12, .button13, .button14, .button15, .button16, .button17, .button18, .button19, .button20, .button21, .button22, .button23, .button24, .button25, .button26, .button27, .button28, .button29, .button30, .button31, .button32, .button33, .button34, .button35, .button36, .button37, .button38, .button39 {
	width: 285px;
	height: 285px;
	margin: 20px;
	position: relative;
	display: inline-block;
	background-color: aliceblue;
	box-sizing: border-box;
	vertical-align: middle;
	transition: ease-out 0.15s;
}

.button7:hover, .button8:hover, .button9:hover, .button10:hover, .button11:hover, .button12:hover, .button13:hover, .button14:hover, .button15:hover, .button16:hover, .button17:hover, .button18:hover, .button19:hover, .button20:hover, .button21:hover, .button22:hover, .button23:hover, .button24:hover, .button25:hover, .button26:hover, .button27:hover, .button28:hover, .button29:hover, .button30:hover, .button31:hover, .button32:hover, .button33:hover, .button34:hover, .button35:hover, .button36:hover, .button37:hover, .button38:hover, .button39:hover {
	background-size: auto 120%;
	transition: ease-in 0.15s;
}

.button1 {
	background: url(../siteart/buttons/homepage/farm.png);
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
}

.button2 {
	background: url(../siteart/buttons/homepage/lawn.png);
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
}

.button3 {
	background: url(../siteart/buttons/homepage/auto.png);
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
}

.button4 {
	background: url(../siteart/buttons/homepage/attachments_2.png);
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
}

.button5 {
	background: url(../siteart/buttons/homepage/trailers.png);
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
}

.button6 {
	background: url(../siteart/buttons/homepage/header_trailers.png);
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
}

.button7 {
	background: url(../siteart/buttons/farm_equipment/grain_carts.png);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.button8 {
	background: url(../siteart/buttons/farm_equipment/gravity_wagons.png);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.button9 {
	background: url(../siteart/buttons/farm_equipment/blades_box_scrapers.png);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.button10 {
	background: url(../siteart/buttons/farm_equipment/feed_mixer_wagons.png);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.button11 {
	background: url(../siteart/buttons/farm_equipment/loaders.png);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.button12 {
	background: url(../siteart/buttons/farm_equipment/disks.png);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.button13 {
	background: url(../siteart/buttons/farm_equipment/rippers.png);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.button14 {
	background: url(../siteart/buttons/farm_equipment/175hp_or_greater.png);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.button15 {
	background: url(../siteart/buttons/farm_equipment/100hp_to_174hp.png);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.button16 {
	background: url(../siteart/buttons/farm_equipment/40hp_to_99hp.png);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.button17 {
	background: url(../siteart/buttons/farm_equipment/less_than_40hp.png);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.button18 {
	background: url(../siteart/buttons/farm_equipment/fertilizer_applicators_dry.png);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.button19 {
	background: url(../siteart/buttons/farm_equipment/sprayers_pull_type.png);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.button20 {
	background: url(../siteart/buttons/farm_equipment/disc_mowers.png);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.button21 {
	background: url(../siteart/buttons/farm_equipment/rakes_tedders.png);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.button22 {
	background: url(../siteart/buttons/farm_equipment/rotary_mowers.png);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.button23 {
	background: url(../siteart/buttons/farm_equipment/stalk_choppers_flail_mowers.png);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.button24 {
	background: url(../siteart/buttons/farm_equipment/manure_spreaders_dry.png);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.button25 {
	background: url(../siteart/buttons/farm_equipment/lawn_mowers_zero_turn.png);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.button26 {
	background: url(../siteart/buttons/farm_equipment/motorcycles.png);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.button27 {
	background: url(../siteart/buttons/farm_equipment/planting_equipment_other.png);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.button28 {
	background: url(../siteart/buttons/farm_equipment/field_cultivators.png);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.button29 {
	background: url(../siteart/buttons/farm_equipment/land_rollers.png);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.button30 {
	background: url(../siteart/buttons/farm_equipment/mulch_finishers.png);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.button31 {
	background: url(../siteart/buttons/farm_equipment/tillage_equipment_other.png);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.button32 {
	background: url(../siteart/buttons/farm_equipment/vertical_tillage.png);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.button33 {
	background: url(../siteart/buttons/cars_trucks/cars.png);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.button34 {
	background: url(../siteart/buttons/cars_trucks/trucks.png);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.button35 {
	background: url(../siteart/buttons/farm_equipment/header_trailers.png);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.button36 {
	background: url(../siteart/buttons/farm_equipment/grain_augers_conveyors.png);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.button37 {
	background: url(../siteart/buttons/cars_trucks/powersport.png);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.button38 {
	background: url(../siteart/buttons/cars_trucks/motorcycles.png);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.button39 {
	background: url(../siteart/buttons/cars_trucks/powersport_motorcycle.png);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.button1 h1, .button2 h1, .button3 h1, .button4 h1, .button5 h1, .button6 h1 {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 32px;
	text-transform: uppercase;
	color: #fff;
	margin: 100px auto;
}

.button7 h1, .button8 h1, .button11 h1, .button12 h1, .button13 h1, .button14 h1, .button15 h1, .button16 h1, .button17 h1, .button20 h1, .button21 h1, .button22 h1, .button26 h1, .button28 h1, .button29 h1, .button30 h1, .button32 h1, .button33 h1, .button34 h1, .button37 h1, .button38 h1 {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 32px;
	text-transform: uppercase;
	color: #fff;
	margin: 120px auto;
}

.button9 h1, .button10 h1, .button18 h1, .button19 h1, .button23 h1, .button24 h1, .button25 h1, .button27 h1, .button31 h1, .button35 h1, .button36 h1, .button39 h1 {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 32px;
	text-transform: uppercase;
	color: #fff;
	margin: 105px auto;
}

.button1:hover h1, .button2:hover h1, .button3:hover h1, .button4:hover h1, .button5:hover h1, .button6:hover h1, .button7:hover h1, .button8:hover h1, .button9:hover h1, .button10:hover h1, .button11:hover h1, .button12:hover h1, .button13:hover h1, .button14:hover h1, .button15:hover h1, .button16:hover h1, .button17:hover h1, .button18:hover h1, .button19:hover h1, .button20:hover h1, .button21:hover h1, .button22:hover h1, .button23:hover h1, .button24:hover h1, .button25:hover h1, .button26:hover h1, .button27:hover h1, .button28:hover h1, .button29:hover h1, .button30:hover h1, .button31:hover h1, .button32:hover h1, .button33:hover h1, .button34:hover h1, .button35:hover h1, .button36:hover h1, .button37:hover h1, .button38:hover h1, .button39:hover h1 {
	font-weight: 700;
}

.logobar {
	width: 100%;
	height: auto;
	position: relative;
	display: inline-block;
}

.logo {
	*width: 125px;
	width: 120px;
	height: auto;
	margin: 10px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	*background-color: aliceblue;
}

.logo img {
	width: 100%;
	margin: 0px auto;
}

.scrolling {
	width: 100%;
}

.scrolling-wrap {
	height: 90px;
}

.parts1 {
	width: 300px;
	height: auto;
	margin: 10px;
	position: relative;
	display: inline-block;
	*background-color: aliceblue;
	vertical-align: top;
}

.parts1 h1 {
	font-family: "Roboto Condensed", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 30px;
	font-weight: 700;
	margin: 5px auto;
}

.parts1 h1 a {
	text-decoration: none;
	color: #EE1D25;
}

.parts1 h1 a:hover {
	text-decoration: underline;
}

.parts1 h2 {
	font-family: "Roboto Condensed", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 700;
	margin: 5px auto;
}

.parts1 h2 a {
	color: #333;
	text-decoration: none;
}

.parts1 h2 a:hover {
	text-decoration: underline;
}

.parts1 p {
	font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	width: 100%;
	margin: 5px auto;
}

/********** Footer **********/
.footer {
	width: 100%;
	height: auto;
	position: relative;
	display: inline-block;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-size: 11px;
	color: #fff;
	background-color: #505050;
}

.divfooter {
	margin: 20px auto;
}

.footerlink {
	color: #fff;
}

/************************************************ Responsive Styles **/

@media screen and (max-width: 1280px) {
.about {
	width: 50%;
}	
	
}
@media screen and (max-width: 1280px) and (min-width:1025px) {
	.tagline h1 {
		font-size: 20px;
	}
	
	.tagline h2 {
		font-size: 36px;
	}
	
	.heading .contact {
		width: 310px;
		margin: 28px 18px 18px 0px;
	}
	
	.summary1 {
		margin: 4% auto;
	}
	
	.main-logo {
		width: 300px;
		height: 100px;
		margin: 18px 0px 18px 18px;
	}
	
	.button1, .button2, .button3, .button4, .button5, .button6 {
		width: 425px;
		height: 245px;
		background-size: 100% auto;
	}
	
	.button1:hover, .button2:hover, .button3:hover, .button4:hover, .button5:hover, .button6:hover {
		background-size: 125% auto;
	}
	
	.button1 h1, .button2 h1, .button3 h1, .button4 h1, .button5 h1, .button6 h1 {
		font-size: 40px;
		margin: 100px auto;
	}
}


@media screen and (max-width: 1024px) and (min-width:771px) {
	.contained1 {
		height: 500px;
	}
	
	.main-logo {
		float: none;
		margin: 20px auto;
	}
	
	.tagline {
		display: none;
	}
	
	.button1, .button2, .button3, .button4, .button5, .button6 {
		*width: 100%;
		*width: 80%;
		*margin: 20px auto;
		width: 45%;
		height: 180px;
		margin: 20px 10px;
		background-size: 100% auto;
	}
	
	.button1:hover, .button2:hover, .button3:hover, .button4:hover, .button5:hover, .button6:hover {
		background-size: 125% auto;
	}
	
	.button1 h1, .button2 h1, .button3 h1, .button4 h1, .button5 h1, .button6 h1 {
		font-size: 36px;
		margin: 68px auto;
	}
	
	.heading .contact {
		display: none;
	}
	
	.heading h1 {
		display: none;
	}
	
	.summary1 {
		margin: 10% auto;
	}
}
	

@media screen and (max-width: 770px) {
	.main-logo {
		width: 275px;
		height: 100px;
		float: none;
		margin: 20px auto;
	}
	
	.tagline {
		display: none;
	}
	
	.heading .contact {
		display: none;
	}
	
	.contained1 {
		display: none;
	}
	
	.mobile-background {
		display: inline-block;
		height: 250px;
	}
	
	.contained2 {
		width: 100%;
	}
	
	.contained3 {
		width: 100%;
	}
	
	.contact1 {
		height: auto;
	}
	
	.summary1 p {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    color: #333;
    font-size: 16px;
    width: calc(100% - 55px);
    margin: 0px auto;
    margin-bottom: 20px;
    line-height: 24px;
}
	.button1, .button2, .button3, .button4, .button5, .button6 {
		*width: 100%;
		width: 80%;
		height: 175px;
		*margin: 10px 0px;
		background-size: 100% auto;
	}
	
	.button1:hover, .button2:hover, .button3:hover, .button4:hover, .button5:hover, .button6:hover {
		background-size: 125% auto;
	}

	
	.button1 h1, .button2 h1, .button3 h1, .button4 h1, .button5 h1, .button6 h1 {
		margin: 68px auto;
		font-size: 32px;
	}
	
	.about {
		width: 100%;
	}
}