body {font-family:roboto;
	font-weight:400;
	background: url(images/bg.jpg) #d0ccc8;
	background-repeat:repeat-x;
	margin: 0 0;}
.smalltext {font-size: 7pt;
	color:#404041;}
.mediumtext {font-size: 8pt;
	color:#404041;}
.right {text-align: right;}
.left {text-align: left;}
.center {text-align: center;}
.floatright {float: right;}
.floatleft {float: left;}

.topcontainer {background-image: url(images/karen_meckler.jpg);
	width:857px;
	height:355px;
	margin:-16px auto 0 auto;}
.topcontainer p {padding:130px 520px 0 0 }	
.main {width:870px;
	padding:10px 20px 0 31px;
	margin:auto;}
.header-mobile {display:none;}	
	






/* RESPONSIVE CSS ----------- */

@media (min-width: 300px) and (max-width: 1000px) {

.header-mobile {display:block;
	width:100%;
	max-width:536px;
	margin:auto;}
.topcontainer {background-image: none;
	width:93%;
	height:auto;
	margin:0 auto;}
.topcontainer p {padding:20px 0 0 0;}	
.main {width:93%;
	padding:0 10px 0 10px;
	margin:0 auto;}
	
}