@import url("//fonts.googleapis.com/css?family=Lato:400,700,400italic");


.pjweb-main, .template {
    font-family: 'Lato', serif;
    font-size: 16px;
}


html {
    height: 100%;
}

body.pjweb-template {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    overflow-y: scroll;
    overflow-x: hidden;
    font-family: Nunito;
}

body.pjweb-template [data-parallax] {
    background: transparent;
}

body.pjweb-template li a, .pjweb-main li a {
    color: #18bc9c;
    text-decoration: none;
}

.pjweb-main .parallax {
    position: relative;
    min-height: 100vh;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.pjweb-main .center-content {
    padding: 25vh 10%;
}

.pjweb-main .head {
    color: white;
    background-color: rgba(0,0,0,0.6);
}

.pjweb-main .head h1 {
    font-size: 40px;
}

.pjweb-main .footer {
    background-color: #2b2b2b;
    color: white;
}

@media screen and (max-width: 767px) {
    .pjweb-main .center-content {
        padding: 10px 5px;
    }

    .pjweb-main .head {
        padding: 10px 5px;
    }

    .pjweb-main .head h1 {
        font-size: 25px;
    }
}