html, body { margin:0px; padding:0px; }

html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }

a img { border:0px; }

body { background:url(../images/tile-body.jpg) top center repeat; font-family: 'Roboto', sans-serif; font-size:110%; }


.max { max-width:1200px; margin:0 auto; }
.clear { clear:both; height:0px; }
.center { text-align:center; }

#headerWrapper { background:url(../images/tile-hdr.jpg) top center repeat-x; box-shadow:0px 5px 10px rgba(0,0,0,0.75); z-index:10; position:relative; }
#header { }
#header img { height:160px; width:auto; padding:10px; }
.hdr_left { float:left; }
.hdr_right { float:right; }

#bodyWrapper { background-color:#fff; z-index:8; position:relative; box-shadow:0 0 10px rgba(0,0,0,0.50); }
#body { padding:25px; }
#body .table { display:table; }
#body .tr { display:table-row; }
#body .th { display:table-cell; padding:5px 10px; font-weight:bold; }
#body .td { display:table-cell; padding:5px 10px; }

h1, h2, h3, h4, h5, h6 { font-family: 'EB Garamond', serif; }
h1 { text-align:center; }
h2 { margin-top:50px; text-align:center; }

.photo_right { max-width:50%; height:auto; float:right; background-color:#fff; padding:10px; box-shadow:5px 5px 10px rgba(0,0,0,0.25); transform:rotate(0.5deg); margin:15px 0 15px 30px; }
.photo_left { max-width:50%; height:auto; float:left; background-color:#fff; padding:10px; box-shadow:5px 5px 10px rgba(0,0,0,0.25); transform:rotate(-0.5deg); margin:15px 30px 15px 0; }

hr { margin:25px auto; height:1px; border:0; background-color:#999; }

ul.col2 { columns:2; }

.col_13 { width:33.3%; float:left; }
.col_13 img { background-color:#fff; padding:10px; box-shadow:5px 5px 10px rgba(0,0,0,0.25); max-width:100%; height:auto; }

.col_23 { width:66.6%; float:left; }
.pad_left { padding-left:10px; }
.pad_right { padding-right:10px; }
.pad_both { padding:0 5px; }

#footer { padding:25px; text-align:center; }

/* RESPONSIVE VIDEO */
.video-container, .iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
.iframe-container iframe,
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* FORM */
#contactform h1 { margin-top:0; }

#contactform label { display:block; text-align:left; font-size:14px; }
#contactform input[type=text], #contactform textarea { 
	width:100%; border:1px solid #999; border-radius:5px; padding:5px; font-size:14px; margin:0 0 15px 0; 
}
#contactform input[type=submit] {
	font-family: 'EB Garamond', serif;
	border-radius:5px;
	background-color:#000;
	color:#fff;
	border:0px;
	font-size:24px;
	font-weight:700;
	padding:2px 15px;
	text-transform:uppercase;
}


/* SCREEN-SIZE ADJUSTMENTS */
@media screen AND (max-width: 900px) {
	.photo_left, .photo_right { 
		float:none;
		transform:rotate(0deg);
		margin:15px auto;
		text-align:center;
		max-width:100%; width:100%; height:auto;
	}
	
}
@media screen AND (max-width: 700px) {
	#header { text-align:center; }
	#header img { max-width:90%; max-height:160px; height:auto; }
	.hdr_left { float:none; }
	.hdr_right { float:none; }
	
	
	
}
@media screen AND (max-width: 600px) {
	.col_23, .col_13 { width:100%; float:none; }
	.pad_right, .pad_both, .pad_left { padding-left:0px; padding-right:0px; }
	
}


@media screen AND (min-width: 760px) AND (max-width:959px) {

}