body, html{
    height:100%;
    margin:0;
    line-height:1.8em;
    color:#666;
    font-family: 'Encode Sans Condensed', sans-serif;
    font-size: 1.1em;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    font-family: 'Lato', sans-serif;
}

.block1, .block2, .block3{
    position:relative;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    background-attachment:fixed;
}

.block1 {
    background-image: url('../img/image1t7.jpg');
    min-height:100%;
}

.block2 {
    background-image: url('../img/image2t7.jpg');
    min-height:500px;
}

.block3 {
    background-image:url('../img/image3t7.jpg');
    min-height:500px;
}


.section {
    text-align:center;
    padding:50px 80px;
}

.section-light{
    background-color:#f4f4f4;
    color:#666;
}

.section-dark{
    background-color:#282e34;
    color:#ddd;
}

.blocktext {
    position:absolute;
    top: 40%;
    width: 100%;
    text-align: center;
    color: #333;
}

.blocktext-last {
    top: 50%;
}

.sectiontitle {
    background-color: rgba(222, 222, 222, 0.5);
    color: #222;
    padding: 20px;
    font-size: 1.2em;
}

.sectiontitle-dark {
    background-color: rgba(022, 022, 022, 0.5);
    color: #eee;
}

.sitetitle {
    padding: 5px;
    margin: 5px;
    font-size: 124px;
    font-weight: normal;
    color: #000;
    font-family: 'Josefin Sans', sans-serif;
    letter-spacing: -7px;
}

.sitetitle, .sectiontitle {
    text-transform:uppercase;
}

.redletter {
    color: #800000;
    font-weight: 900;
    
}

.llc {
    margin: 0;
    padding: 0;
    font-size: 0.3em;
    letter-spacing: -0.05em;
    font-style: italic;
}

.invisispace {
    letter-spacing: -30px;
}



.caption {
    text-transform:lowercase;
    font-size: 2em;
}

.padtbextra {
    padding-top: 50px;
    padding-bottom: 50px;
}

@media(max-width:568px) {
    .block1, .block2, .block3 {
        background-attachment:scroll;
    }
    
    .blocktext {
        top: 35%;
    }
    
    .blocktext-first {
        top: 20%;
    }
    
    .blocktext-last {
        top: 55%;
    }
    
    .sectiontitle, .sectiontitle-dark {
        background-color: transparent;
    }
    
    .mobilesectiontitle-dark {
        padding: 20px;
        background-color: rgba(022, 022, 022, 0.5);
    }
    .mobilesectiontitle-light {
        padding: 20px;
        background-color: rgba(222, 222, 222, 0.5)
    }
    
    .sitetitle {
        font-size: 84px;
    }
    
    .caption {
        font-size: 1.5em;
    }

    .redletter, regletter {
        text-align: center;
        line-height: 0.8em;
    }
}