body {
    margin: 0;
    padding: 0;
}

* {
    margin: 0;
    padding: 0;
    font-family: "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    box-sizing: border-box;
}

.container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

.container > section {
    max-width: 90%;
    margin: 0 auto;
    overflow: auto;
}

img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.text-white {
    color: white;
}

.text-center {
    text-align: center;
}

.text-title {
    text-align: center;
    font-size: 3.4em;
    margin: .4em 0;
}

.text-content {
    font-size: 1.5em;
    margin: 3.5em 3em 7em;
}

.text-description {
    font-size: 1.55em;
    text-align: center;
    color: #6e6e70;
}

.w-20 {
    width: 20%;
}

.w-25 {
    width: 25%;
}

.w-40 {
    width: 40%;
}

.w-45 {
    width: 45%;
}

.w-50 {
    width: 50%;
}

.w-60 {
    width: 60%;
}

.w-70 {
    width: 70%;
}

.w-75 {
    width: 75%;
}

.w-80 {
    width: 80%;
}

.w-85 {
    width: 85%;
}

.w-90 {
    width: 90%;
}

.w-95 {
    width: 95%;
}

.m-t5 {
    margin-top: 5em;
}

.m-t3 {
    margin-top: 3em;
}

.m-t2 {
    margin-top: 2em;
}

.m-t1 {
    margin-top: .5em;
}

.m-tb1 {
    margin-top: .5em;
    margin-bottom: 1em;
}

.m-tb3 {
    margin-top: 3em;
    margin-bottom: 6em;
}

.m-t {
    margin-top: 1.5em;
}

.m-1 {
    margin-left: 1em;
}

.m-l14 {
    margin-left: 14em;
}

.m-l1 {
    margin-left: 1.5em;
}

.m-l10 {
    margin-left: 10em;
}

.m-l2 {
    margin-left: 2em;
}

.m-b4 {
    margin-bottom: 4em;
}

.m-b2 {
    margin-bottom: 2em;
}

.m-0 {
    margin: 0;
}

.m-l6 {
    margin-left: 6em;
}

.line-normal {
    line-height: normal;
}

.font-9em {
    font-size: .9em;
}

.d-flex {
    display: flex;
}

.netflix {
    background: url(images/bg-netflix.jpg) no-repeat center;
    background-size: cover;
}

.netflix .text-title {
    line-height: 1em;
    text-align: left;
    font-size: 2.8em;
    margin: 0 1em;
}

.netflix img {
    width: 38%;
    margin: 2em 3em 12em 3em;
}

.c1 {
    background-color: #ebe9ea;
}

.forma .text-title {
    margin: .4em 0 .5em 4.5em;
}

.familia .text-content {
    font-size: 1.5em;
    margin: 1em 0 0 23em;
    width: 25%;
    text-align: center;
}

.familia .w-30 {
    margin: 1em 0 0 5em;
}

.three-img .text-description {
    font-size: 1.5em;
    width: 75%;
    line-height: normal;
}

.japan {
    background: url(images/japan.png) no-repeat center;
    background-size: cover;
}

.japan .text-content {
    font-size: 1.7em;
    margin: 0 15.5em 2em;
}

.japan .text-title {
    margin: 1em 6.5em 0;
}

.sony-brasil {
    background: url(images/bg-47years.jpg) no-repeat center;
    background-size: contain;
    overflow: auto;
    width: 90%;
}

.sony-brasil .text-title {
    font-size: 8em;
    font-weight: bold;
    margin: 5rem 5rem 0;
    text-align: left;
    height: 1.1em;
}

.sony-brasil .text-title-extra {
    font-size: 3.7em;
    margin-left: 1.4em;
    text-align: left;
}

.sony-brasil .text-description {
    font-size: 2em;
    margin: 1em 2.6em 9em;
    text-align: left;
    width: 32%;
    font-weight: bold;
}

.footer .text-footer {
    font-size: .79em;
    text-align: justify;
    line-height: 1.3em;
    color: #58595b;
}

.footer img {
    width: 9em;
}

section span {
    vertical-align: text-top;
    font-size: .6em;
}

@media only screen and (max-width: 768px) {
    .japan .text-title {
        margin: 1em 5.5em 0;
        font-size: 2.4em;
    }

    .japan .text-content {
        font-size: .9em;
        margin: 0 15em 2em;
    }

    .sony-brasil {
        width: 90%;
        margin-bottom: 0;
    }

    .sony-brasil .text-title {
        font-size: 4em;
        font-weight: bold;
        margin: 2rem 3rem 0;
        text-align: left;
        height: 1.2em;
    }

    .sony-brasil .text-title-extra {
        font-size: 1.8em;
        margin-left: 1.7em;
    }

    .sony-brasil .text-description {
        font-size: 1em;
        margin: 1em 3em 9em;
        width: 32%;
    }

    .footer .text-footer {
        font-size: 0.69em;
        text-align: justify;
        line-height: 1.2em;
        width: 97%;
    }

    .footer .w-90 {
        width: 100%;
    }

    .footer img {
        margin-top: 1.2em;
    }

    .footer .m-tb3 {
        margin-top: 1em;
        width: 100%;
    }

    .text-title {
        font-size: 2.7em;
    }

    .text-description,
    .c1 .text-description {
        font-size: 1.2em;
    }

    .netflix .text-title {
        font-size: 1.5em;
    }

    .netflix img {
        margin: 1em 3em 7em 1.5em;
    }

    .forma .text-title {
        width: 95%;
        margin: .4em 0;
        font-size: 2.5em;
        line-height: normal;
    }

    .familia .text-content {
        font-size: 1.3em;
        margin: 1.3em 0 0 9em;
        width: 70%;
        text-align: center;
    }

    .three-img .d-flex {
        display: block;
    }

    .three-img .text-description {
        font-size: 1.2em;
        width: 32%;
        line-height: normal;
    }

    .lindas-imagens .text-description {
        width: 80%;
    }
}