section#about {
    background-color: #fff;
    overflow-y: hidden;
}

.about-container {
    position: relative;
    opacity: 0;
    translate: 0 10vw;
    margin: 10vw 0 0;
}

.about-text {
    margin: 30vw 13vw 0;
    color: #666;
    font-size: 1.5vw;
    text-align: justify;
}

.about-text p {
    hyphens: auto;
}

.about-container.fade-in {
    opacity: 1;
    translate: 0 0;

    transition: opacity 1s ease-in, translate .75s ease-in;
}

.quotes {
    position: absolute;
    width: 14vw;
    top: -21vw;
    right: 22vw;
}

.sasha-bottom {
    position: absolute;
    width: 42vw;
    top: -25.5vw;
    left: 9vw;
    z-index: -1;
}

.about-palm {
    position: absolute;
    width: 9vw;
    top: 72vw;
    right: 0;
}

.about-cloud {
    position: absolute;
    width: 14vw;
    top: 92vw;
    left: 0;
}

@media only screen and (min-width: 1441px) {
    .about-text {
        margin: 30vw 10vw 0;
        font-size: 1.5vw;
    }
}

@media only screen and (max-width: 1440px) {
    .about-text {
        margin: 30vw 10vw 0;
        font-size: 1.7vw;
    }
}

@media only screen and (max-width: 1200px) {
    section#about {
        padding-top: 25vw;
    }

    .sasha-bottom {
        width: 70vw;
        top: -45vw;
        left: 0;
    }

    .about-text {
        margin: 30vw 10vw 0;
        font-size: 2.5vw;
    }
}

@media only screen and (max-width: 992px) {
    section#about {
        padding-top: 30vw;
    }

    .sasha-bottom {
        width: 70vw;
        top: -45vw;
        left: 0;
    }

    .about-text {
        margin: 30vw 10vw 0;
        font-size: 2.5vw;
    }
}

@media only screen and (max-width: 768px) {
    section#about {
        padding-top: 3vw;
    }

    .sasha-bottom {
        width: 70vw;
        top: -34vw;
        left: 0vw;
        display: none;
    }

    .quotes {
        width: 25vw;
        top: -2vw;
        right: 10vw;
    }

    .greetings {
        font-size: 5vw;
        color: var(--livui-blue);
        font-family: OpenSansHebrew-Bold, sans-serif;
    }

    .about-text {
        margin: 30vw 10vw 0;
        font-size: 3.5vw;
    }
}

@media only screen and (max-width: 430px) {
    section#about {
        padding-top: 10vw;
    }

    .sasha-bottom {
        display: none;
    }

    .about-text {
        margin: 30vw 10vw 0;
        font-size: 4vw;
    }
}