/* CSS Resets */



html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
border:0;
margin:0;
padding:0;
}


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



/* 12 column grid settings */



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



article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{
	display:block;
}

a img{
	border:0;
}

figure{
	position:relative;
}

figure img{
	width:100%;
}





.container {

	padding-left: 0;

	padding-right: 0;

	padding-top: 1em;
}



.row {

	width: 98%;

	min-width: 767px;

	margin: 0 auto;

	overflow: hidden;
    padding: 5px 1% 5px 1%;

}

.title {
    padding-bottom: 20px;
    background-color: white;
    z-index: 500;
    position: fixed;
}

.title .last {

	text-align: right;

}

.onecol, .twocol, .threecol, .fourcol, .fourcolred, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {

	margin-right: 3.8%;

	float: left;

	min-height: 1px;

}



.row .onecol {
	width: 4.85%;

}



.row .twocol {

	width: 13.45%;

}



.row .threecol {

	width: 22.05%;

}



.row .fourcol {

	width: 30.75%;
	

}



.row .fivecol {

	width: 39.45%;

}



.row .sixcol {

	width: 48%;

}



.row .sevencol {

	width: 56.75%;

}



.row .eightcol {

	width: 65.4%;

}



.row .ninecol {

	width: 74.05%;

}



.row .tencol {

	width: 82.7%;

}



.row .elevencol {

	width: 91.35%;

}



.row .twelvecol {

	width: 100%;


}



.last {

	margin-right: 0px;

}

.pad{
    width: 0px;
    display:none;
}

.rule {

	border-top: 1px solid black;

}



img, object, embed {

	

}



img {

	height: auto;

}


.nomob {
	padding-top: 60px;
}

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



/* Off-grid styles */



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



body{
    margin: 0;
    padding: 15px 0 15px 0;
    width: 100%;
    font-family: 'Karla', sans-serif;
    font-size: 18px;
    letter-spacing: -0.25px;
    text-align: left;
    font-weight: 100;
    -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
	
}

#about {
    margin-top: 60px;
    display: none;
}

::selection {
	background: #ff0000;
}

::-moz-selection {
	background: #ff0000;
}



audio::-webkit-media-controls-mute-button, 
audio::-webkit-media-controls-timeline-container,
audio::-webkit-media-controls-current-time-display,
audio::-webkit-media-controls-time-remaining-display,
audio::-webkit-media-controls-timeline,
audio::-webkit-media-controls-volume-slider-container,
audio::-webkit-media-controls-volume-slider,
audio::-webkit-media-controls-seek-back-button,
audio::-webkit-media-controls-seek-forward-button,
audio::-webkit-media-controls-fullscreen-button,
audio::-webkit-media-controls-rewind-button,
audio::-webkit-media-controls-return-to-realtime-button,
audio::-webkit-media-controls-toggle-closed-captions-button {
    display: none;
}
audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel {
    display: flex;
    -webkit-user-select: none;
    position: relative;
    width: 100%;
    z-index: 0;
    overflow: hidden;
    bottom: auto;
    height: auto;
    background-color: white;
    border-radius: 0px;
    /* The duration is also specified in MediaControlElements.cpp and LayoutTests/media/media-controls.js */
    transition: opacity 0.3s;
}

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



/* Text styles */



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


a {
    color: black;
}
a:link, a:visited{
	color: black;
	text-decoration: none;
}
	
a:hover, a:active{
	text-decoration: none;
	color: grey;
}




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



/* Big screens */



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

@media only screen and (min-width: 1600px) {

	

	
	
	.pad {
	    display: none;
	    width: 48%;
	}
	.row .threecol {

	width: 13.45%;

}

}

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



/* Smaller screens */



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


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

	

	body {
	
	font-size: 0.8em;
	
	line-height:1.2em;

	}
	
	

}




/* Mobile */



@media handheld, only screen and (max-width: 767px) {

	

	body {

		font-size: 16px;

		-webkit-text-size-adjust: none;
	
	}
	
	

	.row, body, .container {

		width: 100%;

		min-width: 0;

		margin-left: 0px;

		margin-right: 0px;

		padding-left: 0px;

		padding-right: 0px;
	
	}
	
	.row {
	    padding-left: 10px;
	    padding-right: 10px;
	}


	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fourcolred, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol .float {

		width: auto;

		float: none;

		margin-left: 0px;

		margin-right: 0px;

		padding-left: 0px;

		padding-right: 0px;

		margin-bottom: 1em;

	}

.nomob {
	display: none;
	padding-top: 40px;
}

.title {
    position: static;
}

.title .last {
    text-align: left;
}

}