@charset "UTF-8";
/* Global Styles */



.pure-u-md-1-3{
    width: 32%; 
}


body {
	background-color: #ffffff;
}


#container {
	background-color: #ffffff;
	width:720px;
	margin: auto;
	padding: 20px;
/*
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-border-radius: 5px;
	box-shadow: 5px 5px 10px #040205;
*/
}

#menu {
    background: #375553;
}   
 
 h1.brand-title {
 	top:auto;
 }  

.post-title  {
	font-family: 'Roboto', 'Open Sans', sans-serif;
	color: #bbcd24;
	font-size: 2em;
	font-weight:400;
	}

.post-description {
	font-family: 'Open Sans', 'Roboto', sans-serif;
}

.post-description p {
	padding:0px;
}
   
.header {
     margin: 0;
     color: #bbcd24;  
     text-align: center;
     padding: 2.5em 2em 0em;
 }

 .header h1 {
    	font-family: 'Roboto', 'Open Sans', sans-serif;
        margin: 0.2em 0;
        font-size: 6em;
        font-weight: 300;
  }

.header h3 {
		font-family: 'Roboto', 'Open Sans', sans-serif;
        margin: auto;  
        padding-top: 4em;
        font-size: 4em;
        font-weight: 300;
          
    }

 .header h2 {
     	font-family: 'Open Sans', 'Roboto', sans-serif;
        font-weight: 300;
        color: #ccc;
        padding: 0;
        margin-top: 0;
    }

p {
	font-family: 'Open Sans', 'Roboto', sans-serif;
	text-align: justify;
	font-size: 1em;
	color:black;
	padding-left:40px;
	padding-right:40px;
}

h1.splash-head {
	font-family: 'Roboto', 'Open Sans', sans-serif;
	color:#bbcd24;
}

.splash-subhead {
   font-family: 'Open Sans', 'Roboto', sans-serif;
   position: relative;
   left: auto;
   text-align: center;

}

.content-subhead {
	font-family: 'Open Sans', 'Roboto', sans-serif;
}

#container img {
	width: 200px;
	padding:5px;
	opacity: 0.7;
	transition: opacity 1s ease-in;
	
}
#container img:hover {
	opacity: 1;
}

ul li {
	list-style-type: none;
	/*display:inline-block;*/
	padding-top: 10px;
}

a {
	text-decoration: none;
}

ul li a img {
	opacity: 0.9;
	width: 400px;
	-webkit-transition: all .5s ease-in;
	-moz-transition: all .5s ease-in;
	transition: all .5s ease-in;
}	

.footer a {
    font-size: 100%;
}

ul li a: hover img {
	opacity: 1;
}

.blog-footer {
	position:relative;
	margin-left: 400px;
}


.copyright {
    font-size: 1rem;
    text-align: center;
    color: #375553;   
}

@media (max-width:1050px)  {

#container {
	max-width:100%;
	max-height: 2200px;
}

h1 {
	position: relative;
	left:30px;			
}

.blog-footer {
	margin-left: 0px;
	text-align:center;
}

}