h1 {
  font-size: 50px;
  margin:40px 0px 30px 0px;
  color: #2a2a2a;
  text-align:center;
  font-family: 'Cinzel', serif;
  font-weight:700;
}

h1.h1branco {
  color: #FFF;
  background:none;
}

h2{
	font-size:25px;
	text-transform:uppercase;
	color:#b8272d;
	margin:30px 0 20px 0;
	font-family: 'Vast Shadow', cursive;
	font-weight:700;
}

h2.titulo{
	margin-bottom:10px;
}

h3{
	font-family: 'Montserrat', serif;
	font-weight:700;
	color:#b8272d;
	font-size: 20px;
	padding-top:20px;
	padding-bottom:20px;
}

h4{
	font-family: 'Architects Daughter', cursive;
}

.project-item-meta{
	text-align:center;
}

h4 a{
	color:#b8272d;
	font-size:2em;
	font-weight:400;
	text-align:center;
}

h4 a:hover{
	color:#6e0003;
	text-decoration:none;
	-o-transition:.4s;
	-ms-transition:.4s;
	-moz-transition:.4s;
	-webkit-transition:.4s;
	/* ...and now for the proper property */
	transition:.4s;
}

.menu-container{
	margin:0 auto;
	width: 100%;
	margin-top:10px;
	margin-right:0px;
}

@media (min-width: 1100px) {

.menu-container{
	width: 700px;
	float:right;
	margin:0;
}

}

section {
  width: 100%;
 }
  section .content {
    margin: 0px auto;
    max-width: 86%;
	}
    @media screen and (max-width: 86%) {
      section .content {
        width: 90%; } }
    section .content a {
      color: #002e40; }