@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700|Montserrat');

h1 {
    /*padding-top: 20px;*/
    font-family: 'Montserrat', sans-serif;
    /*text-align: center;*/
    text-transform: uppercase;
    color: #CCCCCC;
    /*font-size: 70px;*/
    /*font-weight: 400;*/

}

h2 {
    /*padding-top: 5px;*/
    font-family: 'Lato', sans-serif;
    /*text-align: center;*/
    color: #CCCCCC;
    /*font-size: 25px;*/
    /*font-weight: 400;*/
}

h3 {
    /*padding-top: 5px;*/
    font-family: 'Montserrat', sans-serif;
    color: #6E6E6E;
    font-size: 15px;
    font-weight: 400;
    /*padding-bottom: 5px;*/
}

p {
    /*font-family: 'Lato', sans-serif;*/
    /*font-size: 15px;*/
    /*line-height: 20px;*/
    /*text-align: center;*/
    /*color: #6E6E6E;*/
    /*font-weight: 300;*/
}

.cover {
    height: 100vh;
    min-height: 500px;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    background: #6a5c7d;
    background: linear-gradient(to right bottom, #473b49, #e08451);
}

.heading {
    color: #e08451;
}

.st-scroll,
section {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 2em 0;
}

.st-scroll {
    transition: all 0.6s ease-in-out;
}

section{
    background: #fff;
    overflow: hidden;
}

#st-control-1:checked ~ .st-scroll {
    transform: translateY(0%);
}
#st-control-2:checked ~ .st-scroll {
    transform: translateY(-100%);
}
#st-control-3:checked ~ .st-scroll {
    transform: translateY(-200%);
}
#st-control-4:checked ~ .st-scroll {
    transform: translateY(-300%);
}
#st-control-5:checked ~ .st-scroll {
    transform: translateY(-400%);
}

.gallery img {
    margin-bottom: 1.5rem;
}