@charset "UTF-8";
/* CSS Document */

/* Put your styles into the appropriate breakpoints below. */





/***** XS (Extra Small) – MOBILE AND UP *****/
	
	

	
	
html, body {
	max-width:100%;
	overflow-x:hidden;
}
	
.container {
	padding:10px;
	font-family:'Oswald', sans-serif;
	max-width:100%;
}	





<!--HEADER STUFF-->

.header {
	max-width:100%;
	display:inline;
}

h1 {
	font-family: 'Oswald, sans-serif;
    font-size: 25px;
    line-height: 1.3em;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-weight: 600;
    font-style: normal;
    color: #302e3b;
	margin-bottom:0em;
    width: 100%;
}



<!--NAV stuff-->

p a {
	font-family: 'Open Sans', sans-serif;
    font-size: 40 px;	
}

nav {
	float:left;
	margin-right:1%;
	max-width:100%;
	margin-bottom:30px;

}	
	
nav ul {
    list-style-type: none;
    margin-top: .5em;
    padding: 0;
	font-size:1.5em;
}

nav li {
	display:inline-block;
	margin-left:1em;
	margin-top:.3em;
}

nav a {
	display:inline-block;
	font-family:'Oswald';
	letter-spacing:2px;
	font-weight:400;
	font-size:1em;
	text-transform:uppercase;
}

nav a.current:link, nav a.current:visited {
	color:#006080;
}

/* unvisited link */
nav a:link {
    color: #006080;
	text-decoration: none;
}

/* mouse over link */
nav a:hover {
    color:#006080;
	text-decoration:none;
}

/* selected link */
nav a:active {
    color: #006080;
	text-decoration: none;
}

/* visited link */
nav a:visited {
    color:#006080;
	text-decoration: none;
}


a {
	text-decoration:underline;
	color:#006080;
}




/*HOMEPAGE*/

.thumbnail {
	display:inline-block;
	max-width:100%;
	width:300px;
	margin-bottom:9%;
}

.thumb-copy{
	text-align:center;
	color:#666;
	font-size:1.3em;
    text-transform: uppercase;
	line-height:1.5em;
    letter-spacing: 3px;
	display:block;
	margin-top:4%;
	margin-bottom:3%;
}


/*STYLES*/


.content {
	padding:0 30px 20px 30px;
}

h2 {	
	font-family:'Oswald', sans-serif;
    font-weight: 600;
	font-size: 3em;
    line-height: 1em;
    letter-spacing:1px;
	text-align: left;
	margin-top: 2em;
	margin-bottom:1em;
	text-transform:uppercase;
	color:#ED1B23;
}

h3 {
	font-family: 'open sans', sans-serif;
    font-size: 1.2em;
    line-height: 1.2em;
    text-decoration: none;
    letter-spacing: 1px;
    font-weight: 400;
	margin-top:-15px;
}

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


i {
    color: grey;
	display: inline;
}

#footer {
	margin-bottom:30px;
	margin-top:40px;
}

img {
	display: block;
	margin-left:auto;
	margin-right:auto;
}


/*PROJ PAGES*/

.descrip {
	margin-left:15%;
	margin-right:15%;
	float:center;
}

.oops {
	margin-top:-50px;
	margin-bottom:-30px;
}

.project {
	margin-top:50px;
	float:center;
}


.hero-pic{
    background: url("../img/vault-ledger/hero-img.png")no-repeat center;
    background-position: center;
    height: 400px;
    background-size: cover;
}


.title {
	width:100%;
	margin-bottom:2.5em;
}

.divider{
    margin: 50px 0 50px 0;
}

h5{
    font-weight: 400;
    color: #3b3a3a;
    text-transform: uppercase;
    font-size: 2.0em;
    text-align: left;
    letter-spacing: .05em;
    margin: 50px 0 50px 0;
    width: 100%;
    background-color: transparent;
} 

h5:after
{
    content:' ';
    margin-top: 5px;
    display:block;
    border:1px solid #eee;
}


/*GALLERY*/

div.gallery {
  margin: 5px;
  border:;
  float: left;
  width: 300px;
  box-shadow: 0px 0px 5px #C2C2C2;
  margin-bottom:20px;
  margin-right:10px;
}


div.gallery img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 10px;
	font-size: 13px;
	line-height: 1.5em;
	font-family: 'open sans', sans-serif;
	
  text-align: center;
}

/*OPTIONAL*/

.thumb1{
    background: url("../images/1.jpg") no-repeat ;
    background-position:center;
    background-size:cover;
}



.thumb
{    background-position:center;
    background-size:cover;

}


.blah {
	line-height:20px;
}

.hero-copy{
    margin-top:50px;
}



.btn{
    height: 60px;
	background-color:rgba(141,171,52,1);
    border: 1px solid rgba(141,171,52,1);
    color: white;
    line-height: 60px;
    font-size: 1.4em;
    text-transform: uppercase;
    letter-spacing: .75px;
    text-align: center;
}

.btn:hover{
    background-color: transparent;
    border: 1px solid #666;
    color: #3b3a3a;
}




div {
	display:block;
}




.about {
	
	background-image:url(../images/me.jpeg);
	height:400px;
	background-position:center top;
	background-size:400px;
	background-repeat:no-repeat;
	
}

.abouttext {
	
	line-height:15px	
}

.hover:hover {
	
	opacity:.8;
	
}

.footer {
	
	height:75px;
	background-color:#2c2c2c;
	width:100%;
	margin-top:50px;
	
}

.clear {
	clear:both;	
}












.logo {
	
	background-image:url(../images/logo.png);
	background-size: 150px;
	background-position:center;
	height:92px;
	width:105px;
}

.logo:hover {
	
	background-image:url(../images/logo-hover.png)
	
}













}
/*END XS (X-Small) */


/***** SM (Small) - Tablet Size AND ABOVE! (768px) */
@media (min-width: 768px) {

/***** END SM (Small) */


/***** start MD (Medium) - Medium Desktop Size AND ABOVE! (992px) */
@media (min-width: 992px) {


}

<!--I don't know why but hover effect breaks without this redundant .thumb-copy above. if time, i'll eliminate trial and error style-->


			
}
/*END MD (Medium) */






/***** start LG (Large) – Large Desktop AND BEYOND! (1200px) */
@media (min-width: 1200px) {
	


}
/*END LG (Large) */