/*@media screen and (max-width: 1050px) {
}*/

/*@media screen and (max-width: 900px) {
}*/

html, body{
	
}

a, a:visited, a:hover, a:active, a:link{
	color:inherit;
	text-decoration: inherit;
} 

.btn {
	cursor:pointer;
	border:1px solid #333;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;

}

.btn:hover {
	-webkit-box-shadow:inset 0px 0px 4px 0px rgba(255,255,255,0.33);
	-moz-box-shadow:inset 0px 0px 4px 0px rgba(255,255,255,0.33);
	box-shadow:inset 0px 0px 4px 0px rgba(255,255,255,0.33);
}

.btn:active {
	-webkit-box-shadow:inset 0px 0px 4px 0px rgba(0,0,0,0.33);
	-moz-box-shadow:inset 0px 0px 4px 0px rgba(0,0,0,0.33);
	box-shadow:inset 0px 0px 4px 0px rgba(0,0,0,0.33);
}

.animate-rocking.running{
	-webkit-animation: rocking 2s;
	animation: rocking 2s;
	-webkit-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	-moz-transform-origin:50% 50%;
	transform-origin:50% 50%;
	-webkit-transition-timing-function: linear;
	-ms-transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	transition-timing-function: linear;
}

body {
	background-image: url("../images/bg-pattern.png");
	background-repeat: repeat;
	font-size:16px;
	font-family: 'Open Sans', sans-serif;
	line-height:1.5;
	text-shadow: 0px 0px 2px rgba(51,51,51,0.75);
}

div#main-container{
	width:1024px;
	height:100%;
	margin: 0px auto;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.66);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.66);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.66);
}

@media screen and (max-width: 1050px) {
	body{
		font-size:14px;
	}

	div#main-container{
		width:100%;
	}
}

div#banner {
	position:relative;
	height:570px;
	width:100%;
	background-image: url("../images/meeting-room-2.jpg");
	background-position: left bottom;
	background-size:cover;
	margin-bottom:36px;
	-webkit-box-shadow: inset 0px 128px 128px -128px rgba(0,0,0,0.75),
						inset 0px -128px 128px -128px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 128px 128px -128px rgba(0,0,0,0.75),
					inset 0px -128px 128px -128px rgba(0,0,0,0.75);
	box-shadow: inset 0px 128px 128px -128px rgba(0,0,0,0.75),
				inset 0px -128px 128px -128px rgba(0,0,0,0.75);
}

@media screen and (max-width: 910px) {
	div#banner{
		height:200px;
		background-repeat: no-repeat;
	}	
}

@media screen and (max-width: 700px) {
	div#banner{
		display:none;
	}	
}

div#banner #contact-sash{
	background-image: url("../images/contact-sash.png");
	background-position: right top;
	background-size: cover;
	position:absolute;
	width:237px;
	height:237px;
	right:0px;
	top:0px;
	font-size:2.25em;
	color:white;
}

@media screen and (max-width: 910px) {
	div#banner #contact-sash{
		height:200px;
		background-repeat: no-repeat;
		background-size: 75%;
	}	
}

div#banner #bottom-text{
	position:absolute;
	width:100%;
	left:0px;
	bottom:12px;
	font-size:2.25em;
	color:white;
}

div#banner #company-name{
	display:inline-block;
	padding-left:24px;
}

div#banner #social-links{
	display:inline-block;
	float:right;
	padding-right:24px;
}

@media screen and (max-width: 910px) {
	div#banner #social-links{
		display:inline-block;
		float:right;
		padding-right:48px;
	}	
}

div#banner-small{
	display:none;
	position:fixed;
	width:100%;
	top:0px;
	left:0px;
	z-index:1000;
	background-color: #333;
	font-size:2.25em;
	color:white;
	vertical-align: top;
	border-bottom: solid #d6b446 8px;
	vertical-align: top;
}

@media screen and (max-width: 910px) {
	div#banner-small{
		height:50px;
		background-repeat: no-repeat;
		line-height: 50px;
	}	
}

@media screen and (max-width: 700px) {
	div#banner-small{
		display:block;
	}	
}

div#banner-small #company-name{
	display:inline-block;
	padding-left:24px;
	vertical-align: middle;
}

div#banner-small #social-links{
	display:inline-block;
	float:right;
	padding-right:24px;
	vertical-align: middle;
}

@media screen and (max-width: 910px) {
	div#banner-small #company-name{
		background-repeat: no-repeat;
		padding:0;
		width:200px;
		font-size:0.5em;
		line-height: 25px;
	}	

	div#banner-small #social-links{
		background-repeat: no-repeat;
		width:auto;
		padding:0;
	}	
}

section#logos-1 .container{
	margin:0px auto 36px;
	width:700px;
}

section#logos-1 #circles{
	display:inline-block;
	vertical-align: middle;
	margin:auto 0px auto auto;
	width:175px;
	height:175px;
}
section#logos-1 #text {
	display:inline-block;
	vertical-align: middle;
	margin:auto auto auto 0px;
	width:500px;
	height:175px;
	line-height:50px;
	font-size:2.5em;
}

section#logos-1 #text .indent-1{
	text-indent:48px;
}

section#logos-1 #text .indent-2{
	text-indent:96px;
}


section#logos-3 .container{
	margin:0px auto 36px;
	width:700px;
}

section#logos-1 #circles .circle-building,
section#logos-3 #circles .circle-building {
	display:inline-block;
	background-image: url("../images/building-logo.png");
	background-size:contain;
	background-repeat: no-repeat;
	width:175px;
	height:175px;
}

section#logos-1 #circles .circle-vacuum,
section#logos-3 #circles .circle-vacuum{
	display:inline-block;
	background-image: url("../images/vacuum-logo.png");
	background-size:contain;
	background-repeat: no-repeat;
	width:175px;
	height:175px;
}

section#logos-1 #circles .circle-broom,
section#logos-3 #circles .circle-broom {
	display:inline-block;
	background-image: url("../images/broom-logo.png");
	background-size:contain;
	background-repeat: no-repeat;
	width:175px;
	height:175px;
}

section#logos-1 #circles .circle-piggy-bank,
section#logos-3 #circles .circle-piggy-bank {
	display:inline-block;
	background-image: url("../images/piggy-bank-logo.png");
	background-size:contain;
	background-repeat: no-repeat;
	width:175px;
	height:175px;
}

section#logos-1 #circles .circle-mail,
section#logos-3 #circles .circle-mail {
	display:inline-block;
	background-image: url("../images/mail-logo.png");
	background-size:contain;
	background-repeat: no-repeat;
	width:175px;
	height:175px;
}

section#logos-1 #circles .circle-gloves,
section#logos-3 #circles .circle-gloves {
	display:inline-block;
	background-image: url("../images/gloves-logo.png");
	background-size:contain;
	background-repeat: no-repeat;
	width:175px;
	height:175px;
}

section#logos-3 #circles .left {
	margin-right:40px;
}

section#logos-3 #circles .right {
	margin-left:40px;
}

section#logos-3 #circles .middle {
	margin:0 40px;
}

section#logos-3 #text {
	height:50px;
	line-height:50px;
	font-size: 2.5em;
	text-align: center;
}

@media screen and (max-width: 910px) {
	section#logos-1 .container{
		margin:0px auto 36px;
		width:320px;
	}

	section#logos-1 #circles{
		display:inline-block;
		vertical-align: middle;
		margin:auto 0px auto auto;
		width:75px;
		height:75px;
	}

	section#logos-1 #text {
		display:inline-block;
		vertical-align: middle;
		margin:auto auto auto 0px;
		width:230px;
		height:75px;
		line-height:25px;
		font-size:1em;
	}

	section#logos-1 #text .indent-1{
		text-indent:48px;
	}

	section#logos-1 #text .indent-2{
		text-indent:96px;
	}


	section#logos-3 .container{
		margin:12px auto 12px;
		width:320px;
	}

	section#logos-1 #circles .circle-building,
	section#logos-3 #circles .circle-building {
		display:inline-block;
		background-image: url("../images/building-logo.png");
		background-size:contain;
		background-repeat: no-repeat;
		width:75px;
		height:75px;
	}

	section#logos-1 #circles .circle-vacuum,
	section#logos-3 #circles .circle-vacuum{
		display:inline-block;
		background-image: url("../images/vacuum-logo.png");
		background-size:contain;
		background-repeat: no-repeat;
		width:75px;
		height:75px;
	}

	section#logos-1 #circles .circle-broom,
	section#logos-3 #circles .circle-broom {
		display:inline-block;
		background-image: url("../images/broom-logo.png");
		background-size:contain;
		background-repeat: no-repeat;
		width:75px;
		height:75px;
	}

	section#logos-1 #circles .circle-piggy-bank,
	section#logos-3 #circles .circle-piggy-bank {
		display:inline-block;
		background-image: url("../images/piggy-bank-logo.png");
		background-size:contain;
		background-repeat: no-repeat;
		width:75px;
		height:75px;
	}

	section#logos-1 #circles .circle-mail,
	section#logos-3 #circles .circle-mail {
		display:inline-block;
		background-image: url("../images/mail-logo.png");
		background-size:contain;
		background-repeat: no-repeat;
		width:75px;
		height:75px;
	}

	section#logos-1 #circles .circle-gloves,
	section#logos-3 #circles .circle-gloves {
		display:inline-block;
		background-image: url("../images/gloves-logo.png");
		background-size:contain;
		background-repeat: no-repeat;
		width:75px;
		height:75px;
	}

	section#logos-3 #circles .left {
		margin-right:22px;
	}

	section#logos-3 #circles .right {
		margin-left:22px;
	}

	section#logos-3 #circles .middle {
		margin:0 22px;
	}

	section#logos-3 #text {
		height:50px;
		line-height:50px;
		font-size: 1.75em;
		text-align: center;
	}
}

@media screen and (max-width: 700px) {
	section#logos-1,
	section#logos-3{
		margin-top:58px;
	}
	section#logos-1 .container,
	section#logos-3 .container{
		margin-bottom:0
	}
}


section#regular-maid-service,
section#one-time-maid-service,
section#post-construction-cleanup,
section#generic-section {
	position:relative;
	border: solid #d6b446 8px;
	border-left:none;
	border-right:none;
	color:white;
	min-height:300px;
	-webkit-box-shadow: 0px 8px 8px -8px rgba(0,0,0,0.66);
	-moz-box-shadow: 0px 8px 8px -8px rgba(0,0,0,0.66);
	box-shadow: 0px 8px 8px -8px rgba(0,0,0,0.66);
}



section#regular-maid-service .container,
section#one-time-maid-service .container,
section#post-construction-cleanup .container,
section#generic-section .container{
	position:relative;
	display:inline-block;
	width:50%;
	vertical-align:top;
}

section#regular-maid-service .container.last,
section#one-time-maid-service .container.last,
section#post-construction-cleanup .container.last,
section#generic-section .container.last{
	margin-bottom:96px;
}

section#regular-maid-service .container.wide,
section#one-time-maid-service .container.wide,
section#post-construction-cleanup .container.wide,
section#generic-section .container.wide{
	display:block;
	width:100%;
}

section#regular-maid-service .container .header.spacer,
section#one-time-maid-service .container .header.spacer,
section#post-construction-cleanup .container .header.spacer,
section#generic-section .container .header.spacer{
	height:78px;
}

section#regular-maid-service .container .header.spacer.double,
section#one-time-maid-service .container .header.spacer.double,
section#post-construction-cleanup .container .header.spacer.double,
section#generic-section .container .header.spacer.double{
	height:156px;
}

section#regular-maid-service .container .header.right,
section#one-time-maid-service .container .header.right,
section#post-construction-cleanup .container .header.right,
section#generic-section .container .header.right,
section#regular-maid-service .container .header.left,
section#one-time-maid-service .container .header.left,
section#post-construction-cleanup .container .header.left,
section#generic-section .container .header.left{
	position:absolute;
	top:0px;
	margin-top:24px;
	font-size:2.25em;
}

section#regular-maid-service .container .header.right,
section#one-time-maid-service .container .header.right,
section#post-construction-cleanup .container .header.right,
section#generic-section .container .header.right{
	right:0px;
	padding-right:36px;
}


section#regular-maid-service .container .header.left,
section#one-time-maid-service .container .header.left,
section#post-construction-cleanup .container .header.left,
section#generic-section .container .header.left{
	left:0px;
	padding-left:36px;
}

section#regular-maid-service .container .header .indent,
section#one-time-maid-service .container .header .indent,
section#post-construction-cleanup .container .header .inden,
section#generic-section .container .header .indent{
	text-indent:24px;
	margin-bottom:24px;
}

section#regular-maid-service .container .description,
section#one-time-maid-service .container .description,
section#post-construction-cleanup .container .description,
section#generic-section .container .description {
	padding-left:36px;
	padding-right:36px;
	margin-bottom:24px;
}

section#regular-maid-service .container .quotes,
section#one-time-maid-service .container .quotes,
section#post-construction-cleanup .container .quotes,
section#generic-section .container .quotes {
	padding-left:36px;
	padding-right:36px;
	margin-bottom:24px;
}

section#regular-maid-service .container .quotes ul,
section#one-time-maid-service .container .quotes ul,
section#post-construction-cleanup .container .quotes ul,
section#generic-section .container .quotes ul {
	padding-left:36px;
	padding-right:36px;
	margin-bottom:24px;
}

section#regular-maid-service .container .quotes ul,
section#one-time-maid-service .container .quotes ul,
section#post-construction-cleanup .container .quotes ul,
section#generic-section .container .quotes ul {
	list-style: none;
}

section#regular-maid-service .container .quotes ul li,
section#one-time-maid-service .container .quotes ul li,
section#post-construction-cleanup .container .quotes ul li,
section#generic-section .container .quotes ul li {
	margin-bottom: 48px;
}

section#regular-maid-service .container .quotes ul li .title,
section#one-time-maid-service .container .quotes ul li .title,
section#post-construction-cleanup .container .quotes ul li .title,
section#generic-section .container .quotes ul li .title {
	font-weight: bold;
}

section#regular-maid-service .container .quotes ul li .quote,
section#one-time-maid-service .container .quotes ul li .quote,
section#post-construction-cleanup .container .quotes ul li .quote,
section#generic-section .container .quotes ul li .quote {
	margin: 0px 96px;
	font-size:16px;
	font-family: 'Open Sans', sans-serif;
}

section#regular-maid-service .container .quotes ul li .quote .lmark,
section#one-time-maid-service .container .quotes ul li .quote .lmark,
section#post-construction-cleanup .container .quotes ul li .quote .lmark,
section#generic-section .container .quotes ul li .quote .lmark{
	font-size:1em;
	font-family: georgia;
	line-height: 16px;
}

section#regular-maid-service .container .quotes ul li .quote .rmark,
section#one-time-maid-service .container .quotes ul li .quote .rmark,
section#post-construction-cleanup .container .quotes ul li .quote .rmark,
section#generic-section .container .quotes ul li .quote .rmark{
	font-size:1em;
	font-family: georgia;
	line-height: 16px;
}

section#regular-maid-service .container .quotes ul li .quote .text,
section#one-time-maid-service .container .quotes ul li .quote .text,
section#post-construction-cleanup .container .quotes ul li .quote .text,
section#generic-section .container .quotes ul li .quote .text{
	display:inline-block;
	vertical-align: middle;
	width:100%;
	text-align: justify;
}

section#regular-maid-service .container .list,
section#one-time-maid-service .container .list,
section#post-construction-cleanup .container .list,
section#generic-section .container .list {
	padding-left:36px;
	padding-right:36px;
	margin-bottom:24px;
}

section#regular-maid-service .container .list ul,
section#one-time-maid-service .container .list ul,
section#post-construction-cleanup .container .list ul,
section#generic-section .container .list ul {
	padding:0 12px;
}

section#regular-maid-service .container .list li,
section#one-time-maid-service .container .list li,
section#post-construction-cleanup .container .list li,
section#generic-section .container .list li {
	margin-bottom:24px;
}

section#regular-maid-service .container .image,
section#one-time-maid-service .container .image,
section#post-construction-cleanup .container .image,
section#generic-section .container .image {
	margin-bottom:24px;
	height:570px;
	background-size: cover;
	background-repeat: no-repeat;
}

section#regular-maid-service .container .image.tall,
section#one-time-maid-service .container .image.tall,
section#post-construction-cleanup .container .image.tall,
section#generic-section .container .image.tall {
	margin-bottom:0px;
}

/*
logos are 175 px square
subtract half of that from width to get center
*/
section#regular-maid-service .logo,
section#one-time-maid-service .logo,
section#post-construction-cleanup .logo,
section#generic-section .logo {
	position:absolute;
	left:50%;
	margin-left:-87.5px;
	bottom:-96px;
	display:inline-block;
	background-size:contain;
	background-repeat: no-repeat;
	width:175px;
	height:175px;
}

section#regular-maid-service .container .image{
	background-image: url("../images/meeting-room-1.jpg");
}

section#one-time-maid-service .container .image{
	background-image: url("../images/living-room-1.jpg");
	height:770px;
}

section#post-construction-cleanup .container .image{
	background-image: url("../images/apartment-hall-1.jpg");
	height:770px;
}

section#regular-maid-service .logo{
	background-image: url("../images/building-logo.png");
}

section#one-time-maid-service .logo{
	background-image: url("../images/vacuum-logo.png");
}

section#post-construction-cleanup .logo{
	background-image: url("../images/broom-logo.png");
}

section#generic-section .logo{
	background-image: url("../images/gloves-logo.png");
}

section#regular-maid-service {
	background-color: #F57F20;
}

section#one-time-maid-service {
	background-color: #33b98d;
}

section#post-construction-cleanup,
section#generic-section {
	background-color: #20aed9;
}

@media screen and (max-width: 910px) {

	section#regular-maid-service .container,
	section#one-time-maid-service .container,
	section#post-construction-cleanup .container,
	section#generic-section .container{
		display:block;
		width:100%;
	}


	section#regular-maid-service .container.last,
	section#one-time-maid-service .container.last,
	section#post-construction-cleanup .container.last,
	section#generic-section .container.last{
		margin-bottom:0px;
	}

	section#regular-maid-service .container .image,
	section#one-time-maid-service .container .image,
	section#post-construction-cleanup .container .image,
	section#generic-section .container .image {
		margin-bottom:24px;
		height:200px;
	}

	section#regular-maid-service .container .header.right,
	section#one-time-maid-service .container .header.right,
	section#post-construction-cleanup .container .header.right,
	section#generic-section .container .header.right{
		margin-right:0;
		margin-left:36px;
	}

	section#regular-maid-service .container .header.right,
	section#one-time-maid-service .container .header.right,
	section#post-construction-cleanup .container .header.right,
	section#generic-section .container .header.right,
	section#regular-maid-service .container .header.left,
	section#one-time-maid-service .container .header.left,
	section#post-construction-cleanup .container .header.left,
	section#generic-section .container .header.left{
		position:static;
		font-size:2.25em;
	}

	section#regular-maid-service .container .header.spacer,
	section#one-time-maid-service .container .header.spacer,
	section#post-construction-cleanup .container .header.spacer,
	section#generic-section .container .header.spacer{
		display:none;
	}

	/*
	logos are 175 px square
	subtract half of that from width to get center
	*/
	section#regular-maid-service .logo,
	section#one-time-maid-service .logo,
	section#post-construction-cleanup .logo,
	section#generic-section .logo {
		position:absolute;
		left:50%;
		margin-left:-37.5px;
		bottom:-50px;
		display:inline-block;
		background-size:contain;
		background-repeat: no-repeat;
		width:75px;
		height:75px;
	}

	section#regular-maid-service .container .quotes,
	section#one-time-maid-service .container .quotes,
	section#post-construction-cleanup .container .quotes,
	section#generic-section .container .quotes {
		padding-left:0;
		padding-right:0;
		margin:0 24px 24px;
	}

	section#regular-maid-service .container .quotes ul,
	section#one-time-maid-service .container .quotes ul,
	section#post-construction-cleanup .container .quotes ul,
	section#generic-section .container .quotes ul {
		padding-left:0;
		padding-right:0;
		margin-bottom:24px;
	}

	section#regular-maid-service .container .quotes ul,
	section#one-time-maid-service .container .quotes ul,
	section#post-construction-cleanup .container .quotes ul,
	section#generic-section .container .quotes ul {
		list-style: none;
	}

	section#regular-maid-service .container .quotes ul li,
	section#one-time-maid-service .container .quotes ul li,
	section#post-construction-cleanup .container .quotes ul li,
	section#generic-section .container .quotes ul li {
		margin-bottom: 48px;
	}

	section#regular-maid-service .container .quotes ul li .title,
	section#one-time-maid-service .container .quotes ul li .title,
	section#post-construction-cleanup .container .quotes ul li .title,
	section#generic-section .container .quotes ul li .title {
		font-weight: bold;
	}

	section#regular-maid-service .container .quotes ul li .quote,
	section#one-time-maid-service .container .quotes ul li .quote,
	section#post-construction-cleanup .container .quotes ul li .quote,
	section#generic-section .container .quotes ul li .quote {
		margin: 0;
		font-size:16px;
		font-family: 'Open Sans', sans-serif;
	}

	section#regular-maid-service .container .quotes ul li .quote .text,
	section#one-time-maid-service .container .quotes ul li .quote .text,
	section#post-construction-cleanup .container .quotes ul li .quote .text,
	section#generic-section .container .quotes ul li .quote .text{
		display:inline-block;
		vertical-align: middle;
	}

}


@media screen and (max-width: 910px) {
	section#regular-maid-service .container .image,
	section#one-time-maid-service .container .image,
	section#post-construction-cleanup .container .image,
	section#generic-section .container .image {
		background-size: cover;
		background-position: 0px -550px;
	}
}

@media screen and (max-width: 850px) {
	section#regular-maid-service .container .image,
	section#one-time-maid-service .container .image,
	section#post-construction-cleanup .container .image,
	section#generic-section .container .image {
		background-size: cover;
		background-position: 0px -475px;
	}
}

@media screen and (max-width: 650px) {
	section#regular-maid-service .container .image,
	section#one-time-maid-service .container .image,
	section#post-construction-cleanup .container .image,
	section#generic-section .container .image {
		background-size: cover;
		background-position: 0px -375px;
	}
}

@media screen and (max-width: 550px) {
	section#regular-maid-service .container .image,
	section#one-time-maid-service .container .image,
	section#post-construction-cleanup .container .image,
	section#generic-section .container .image {
		background-size: cover;
		background-position: 0px -275px;
	}
}

@media screen and (max-width: 450px) {
	section#regular-maid-service .container .image,
	section#one-time-maid-service .container .image,
	section#post-construction-cleanup .container .image,
	section#generic-section .container .image {
		background-size: cover;
		background-position: 0px -175px;
	}
}

@media screen and (max-width: 320px) {
	section#regular-maid-service .container .image,
	section#one-time-maid-service .container .image,
	section#post-construction-cleanup .container .image,
	section#generic-section .container .image {
		background-size: cover;
		background-position: 0px -75px;
	}
}

div.info-break{
	height:120px;
}

div.info-break .container{
	display:inline-block;
	height:120px;
	width:50%;
}

div.info-break .container.right{
	text-align: right;
}


div.info-break .container.left > div{
	padding-left:48px;
}

div.info-break .container.right > div{
	padding-right:48px;
}

div.info-break .container .icon,
div.info-break .container .text,
div.info-break .container .text-2 {
	vertical-align: middle;
	display:inline-block;
	line-height:120px;
	font-size:1.5em;
}

div.info-break .container .icon i{
	font-size:1.75em;
	margin: 0px 12px;
}

div.info-break .container .text-2 div {
	line-height:25px;
}

@media screen and (max-width: 910px) {
	div.info-break{
		height:auto;
		text-align: center;
		margin-top:12px;
	}

	div.info-break .container{
		display:block;
		height:120px;
		width:100%;
	}

	div.info-break .container.left,
	div.info-break .container.right{
		text-align:center;
	}	

	div.info-break .container.left > div{
		padding-left:0px;
	}
	
	div.info-break .container.right > div{
		padding-right:0px;
	}
}

form#contact-form .header .req{
	font-size:0.4375em;
}

form#contact-form label .req{
	font-size:0.875em;
}

form#contact-form .contact-row{
	margin-bottom:12px;
}

form#contact-form .contact-row label{
	display:block;
}

form#contact-form .contact-row .size-1{
	width:100%;
	padding:0px 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

form#contact-form .contact-row .size-2{
	display:inline-block;
	padding:0px 12px;
	width:50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

form#contact-form .contact-row .size-3{
	display:inline-block;
	width:33.33%;
	padding:0px 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

form#contact-form .contact-row .size-4{
	display:inline-block;
	width:25%;
	padding:0px 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

form#contact-form .contact-row label{
	width:100%;
}

form#contact-form .contact-row input,
form#contact-form .contact-row select,
form#contact-form .contact-row textarea{
	appearance: none;
	padding:0 12px;
	margin:0;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

form#contact-form .contact-row textarea{
	height:200px;
}

form#contact-form .contact-row input.invalid,
form#contact-form .contact-row textarea.invalid{
    outline:none;
    border-color:red;
    box-shadow:0 0 10px red;
}

form#contact-form .contact-row #form-submit{
	background-color:#4eb748;
	color:white;
}

@media screen and (max-width: 700px) {
	form#contact-form .contact-row .size-1,
	form#contact-form .contact-row .size-2,
	form#contact-form .contact-row .size-3,
	form#contact-form .contact-row .size-4{
		display:block;
		width:100%;
		margin-bottom:12px;
	}

	form#contact-form .contact-row{
		margin-bottom: 0;
	}
}

footer {
	margin-top:90px;
}

footer .left{
	width:30%;
}

footer .middle{
	width:25%;
}

footer .right{
	width:20%;
}

footer .left,
footer .right,
footer .middle {
	display:inline-block;
	margin-bottom:48px;
	font-size:0.875em;
	text-shadow: 0px 0px 1px rgba(51,51,51,0.33);
	vertical-align: top;
}

footer .left b,
footer .right b,
footer .middle b {
	font-size:1.125em;
}

footer .left .container {
	padding-left:24px;
	padding-right:12px;
}

footer .right .container {
	padding-right:24px;
	padding-left:12px;
}

footer .middle .container {
	padding-left:12px;
	padding-right:12px;
}

footer .container.cards {
	padding-left:12px;
	padding-right:12px;
}

footer .container.cards i{
	font-size:2em;
}

footer .container.cards i{
	padding-left:6px;
	padding-right:6px;

}

footer.no-gap {
	margin-top:0px;
}

footer #developer-tag{
	font-size:0.75em;
	padding-left:12px;
	padding-bottom:6px;
	color:#999;
	text-shadow: none;
}

@media screen and (max-width: 910px) {
	footer #developer-tag{
		text-align: center;
	}
}

@media screen and (max-width: 910px) {
	footer .left,
	footer .right,
	footer .middle {
		display:block;
		width:100%;
		text-align:center;
	}	

	footer .right {
		margin-bottom:0;
	}	
}

.mobile-off{
	display:block;
}

.mobile-on{
	display:none;
}

@media screen and (max-width: 910px) {
	.mobile-off{
		display:none;
	}

	.mobile-on{
		display:block;
	}
}

// rocking animation

@-webkit-keyframes rocking {
  0%, 100% {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }

  25% {
    -webkit-transform: rotate(33deg);
    transform:rotate(33deg);
  }

  75% {
    -webkit-transform:rotate(-33deg);
    transform:rotate(-33deg);
  }
}

@keyframes rocking {
  0%, 100% {
    -webkit-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    transform:rotate(0deg);
  }

  25% {
    -webkit-transform:rotate(33deg);
    -ms-transform:rotate(33deg);
    transform:rotate(33deg);
  }

  75% {
    -webkit-transform:rotate(-33deg);
    -ms-transform:rotate(-33deg);
    transform:rotate(-33deg);
  }
}