/*
WINE-MAKING
 */

.citeParagraph {
    font-size: 30pt;
    line-height: 1.5;
    color: #301f25;
    max-width: 900px;
}

@media only screen and (max-width: 768px) {
    .citeParagraph {
        font-size: 20pt;
    }
}

.citeParagraph span {
    display: block;
    font-size: 15pt;
    margin-top: 40px;
}

.balabinCite {
    transform: translateY(150px);
}

@media only screen and (max-width: 1400px) {
    .balabinCite {
        transform: translateY(0);
        margin-top: 100px;
    }

    .balabinCite img {
        transform: translateX(calc(2vw));
    }

    .citeParagraph {
        margin-top: 100px;
    }
}

.squareHeader {
    background-color: #301f25;
    width: 100%;
    padding-top: 100%; /* 1:1 Aspect Ratio */
    position: relative;
}

.squareHeader h3 {
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
}

/*@media only screen and (max-width: 1400px) {*/
/*    .squareHeader h3 {*/
/*        font-size: 40pt;*/
/*    }*/
/*}*/

.winemakerInfo {
    padding: 0 40px 0 50px;
    color: #312d26;
}

.winemakerInfo p {
    max-width: 390px;
}

.winemakerInfo > span {
    font-size: 1.4em;
    margin: 0 0 40px 0;
    display: inline-block;
}


.winemakerInfo h4 {
    color: #301f25;
    margin: 0;
    padding-bottom: 40px;
    padding-top: 50px;
}

@media only screen and (max-width: 1400px) {
    .winemakerInfo {
        padding-bottom: 50px;
    }
}

@media only screen and (max-width: 576px) {
    .winemakerInfo > span,
    .winemakerInfo h4 {
        padding-left: 15px;
    }
    .winemakerInfo {
        padding: 0 15px 50px 15px;
    }
}

.wmPerson1 {
    transform: translateY(-100px);
}

.wmPerson1 .winemakerInfo {
    transform: translateY(100px);
}

.wmPerson2 {
    transform: translateY(-100px);
}

.wmPerson3 {
    transform: translateY(-300px);
}

.wmPerson3 .winemakerInfo {
    transform: translateY(200px);
}

.wmPerson4 {
    transform: translateY(-300px);
}

@media only screen and (max-width: 1600px) {
    .wmPerson3 {
        transform: translateY(-200px);
    }

    .wmPerson3 .winemakerInfo {
        transform: translateY(100px);
    }

    .wmPerson4 {
        transform: translateY(-200px);
    }
}

@media only screen and (max-width: 1500px) {
    .wmPerson1 {
        transform: translateY(0);
    }

    .wmPerson1 .winemakerInfo {
        transform: translateY(0);
    }

    .wmPerson2 {
        transform: translateY(0);
    }

    .wmPerson3 {
        transform: translateY(0px);
    }

    .wmPerson3 .winemakerInfo {
        transform: translateY(0px);
    }

    .wmPerson4 {
        transform: translateY(0px);
    }
}

.infographyWinemaking {
    margin: 150px 0 10px 0;
}

.infographyWinemaking img {
    /*transform: translateX(-100px);*/
    height: 180px;
}

@media only screen and (max-width: 1400px) {
    .infographyWinemaking {
        margin: 100px 0 10px 0;
    }

    .infographyWinemaking img {
        margin-top: 50px;
    }
}

@media only screen and (max-width: 1700px) {
    .infographyWinemaking img {
        transform: translateX(0);
    }
}

@media only screen and (max-width: 576px) {
    .infographyWinemaking {
        margin-top: 0px;
    }

    .infographyWinemaking img {
        height: 130px;
    }
}