/* CSS file for LandC landing page */

body{
	
	background: #f5f2ec;
	background: url('images/landc-img3.jpg') no-repeat center top fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 0;
	margin: 0;
	}


.sitewrap {
	margin: 0 auto; 
	width:100%;
} 

.left, .right, .center{
	float: none;
	width: 92%;
	margin: 0 auto 50px auto;
	text-align: center;
}

header {
	background-color: #FFF;
	margin: 4% auto 50px auto;
	width: 90%;
	border:1px solid #000;
}

footer {
	clear: both;
	padding-top: 20px;
}

img {
	width: 100%;
}

#landc {
	max-width: 272px;
}

#focuspoint {
	max-width: 391px;
	}
	
#riseline{
	max-width: 271px;
	}


img { border:none;
	
}


h1 {
	font-size: 3.375em; 	
}

h1 a{
	color: #2a5c7c;
	text-decoration: none;
}

h2{
	font-size: 1.25em; 
	line-height: 1.0625em; 
	font-family: 'Open Sans', sans-serif;
	
}

h3{
	font-size: 1.25em; 
	line-height: 1em; 
	font-family: 'Open Sans', sans-serif;
	
}

p{
    font-size: 1em; 
    line-height: 1.5em; 
    font-family: 'Open Sans', sans-serif;
	color: #737273;
}


a:link, a:visited {
    color: #2a5c7c;
    text-decoration: none;
    }

a:hover, a:active {
    color: #2a5c7c;
}

.button a:link, a:visited {
	background: rgba(162, 162, 161, 0.4) /* Grey background with 50% opacity */;
	padding: 10px;
	width: 60%;
	max-width:120px;
	margin: 10px auto;
	display:block;
	text-align:center;
	font-size: .9em; 
	color: #585957;
}

.button a:hover, a:active{
	background: rgba(42, 92, 124, 0.4) /* Grey background with 50% opacity */;
	color: #585957;
}


.bios{
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
	font-size: 1em; 
    line-height: 1.5em; 
    font-family: 'Open Sans', sans-serif;
	color: #737273;
}

.bios h2{
    font-size: 24px;
}

.bios-p {
    margin-top: 20px;
}

.subtitle{
    font-size: 16px;
    font-weight: 800;
    text-decoration: underline;
}

.bios ul {
    list-style-type: circle;
    margin: 20px 0 0 0;
    padding: 0;
}

.bios li {
    padding: 0;
    margin: 0 0 0 55px;
}



/* =Media queries
-------------------------------------------------------------- */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

/* Minimum width of 400 pixels. */
@media screen and (min-width: 640px) {
	
.sitewrap {
	margin: 0 auto; 
	width:90%;
} 
	
	
header {
	background-color: #FFF;
	margin: 4% auto 60px auto;
	width: 430px;
	border:1px solid #000;
}

.left{
	float: left;
	width: 46%;
	}

.right{
	float: right;
	width: 46%;
	}
.center{width: 46%;}
	
footer {
	padding-top: 100px;
}
}