h1,h2,h3,h4,h5,h6{
    font-weight:400
}
.thumbnail{
    width:100%;
    height:100%;
    padding:0;
    margin:auto;
    overflow:hidden;
    position:relative;
    border:0;
    border-radius:10px;
    box-shadow:none;
    text-align:center;
    background:#000
}
.thumbnail .more{
    display:block;
    z-index:4;
    position:absolute;
    top:-100px;
    left:50%;
    margin:0 auto;
    margin-left:-41px;
    width:80px;
    height:80px;
    font-size:40px;
    color:#fff;
    text-decoration:none;
    line-height:70px;
    text-align:center
}
.thumbnail:hover .more{
    top:40%;
    margin-top:-40px;
    transition:all .3s ease-out
}
.thumbnail h3,.thumbnail p{
    margin:0;
    padding:0;
    position:relative;
    z-index:4
}
.thumbnail h3{
    color:#9db;
    margin-top:10px;
    font-size:20px
}
.thumbnail>p{
    padding-bottom:20px
}
.thumbnail .mask{
    opacity:.85;
    top:100%;
    left:0;
    width:100%;
    height:100%;
    background:#181a1c;
    position:absolute;
    transition:all .2s ease-out
}
.thumbnail:hover .mask{
    top:0
}
.section{
    padding-bottom:0
}
.section .container{
    padding-top:0
}
.section .title{
    text-align:center;
    padding:10px;
    margin-bottom:30px
}
.section .title h1{
    font-weight:400;
    margin-bottom:20px;
    padding:0
}
.section .title>p{
    font-size:20px;
    color:#fff;
    font-weight:lighter
}
.secondary-section{
    background:#1f253d
}
.secondary-section .title{
    border-bottom:1px solid #181a1c
}
.secondary-section .title p,.secondary-section h1{
    color:#181a1c
}
.single-project{
    margin-bottom:30px;
    background:#000
}
.single-project img{
    width:100%
}
.project-description{
    padding-right:20px
}
.project-description p{
    padding-left:0
}
.project-title{
    margin-top:15px;
    margin-bottom:15px;
    border-bottom:1px solid #7a8
}
.project-title h3{
    float:left;
    margin-top:0;
    padding:0;
    width:80%
}
.project-title .close{
    color:#fece1a;
    margin-top:10px
}
.project-info span,.project-title h3{
    color:#9db
}
.project-info{
    font-weight:100;
    padding:10px 0
}
.project-info span{
    width:35px;
    display:inline-block
}
.project-info div{
    margin-bottom:5px
}
.close{
    float:right;
    width:40px;
    height:40px;
    text-align:center
}
#portfolio-grid .mix{
    opacity:0;
    display:none
}
@media (min-width:1200px){
    .thumbnail .more{
        margin-left:-41px;
        width:80px;
        height:80px;
        border-radius:40px;
        line-height:80px
    }
}
@media (max-width:979px){
    body{
        padding-left:0;
        padding-right:0
    }
    .section{
        padding-left:20px;
        padding-right:20px
    }
    .thumbnail .more{
        margin-left:-21px;
        width:40px;
        height:40px;
        border-radius:30px;
        line-height:40px
    }
    .thumbnail:hover .more{
        margin-top:-20px
    }
}