@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500');
@import url('https://fonts.googleapis.com/css?family=Abril+Fatface:400,500');

*{
    padding: 0;
    margin: 0;
}


h1{

    font-family: 'Abril Fatface', cursive;
    font-size: 2.8em;
    font-weight: 400;
    color: #1E1E1E;
    margin-top: 5px;
    margin-bottom: 20px;
}

h2{
    font-family: "Montserrat";
    color: #666;
    font-weight: 400;
}

h3{
    font-family: "Montserrat";
    font-weight: 500;
    font-size: 1em;
    color: #666;
}

h4{

    font-family: 'Abril Fatface', cursive;
    font-size: 2.1em;
    font-weight: 400;
    color: #1E1E1E;
    margin-top: 30px;
    margin-bottom: 15px;
}

p{
    font-family: "Open Sans";
    color: #1E1E1E;
    font-size:1.2em;
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 20px;
}

.nav{

    min-height: 10vh
}

.nav #left img{
    height: 70px;
    width: auto;
    margin: 5px 0;
    margin-left: 15vw;
}

.wrapper{

    display: grid;
    grid-template-columns: 1fr;

}

#showcase{

    min-height: 50vh;
    background: url('../img/blog-bg1.jpg');
    background-position: center;
    background-size: cover;
}

#title{
    margin: 20px 25vw;
    margin-top: 50px;
}

#content{

    margin: 25px 27vw;
}

#outro{
    min-height: 30vh;
    background: url('../img/outro-ultra.png');
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: 30vh;
    grid-gap: 35px;
    padding: 35px 15%;

}

#post-a{
    background: url('../img/blog-bg2.jpg');
    background-position: center;
    background-size: cover;
    opacity: 0.7;
}
#post-a:hover{
    opacity: 1;
}
#post-b{
    background: url('../img/blog-bg3.jpg');
    background-position: center;
    background-size: cover;
    opacity: 0.7;
}
#post-b:hover{
    opacity: 1;
}
#post-c{
    background: url('../img/blog-bg5.png');
    background-position: center;
    background-size: cover;
    opacity: 0.7;
}
#post-c:hover{
    opacity: 1;
}
#footer{
    min-height: 15vh;
    background-color: rgb(36, 35, 35);
}

#disqus_thread{
    margin: 20px 25vw;
    margin-top: 50px;
}