﻿
@media screen and (max-width: 1000px) {

    .stage{
        margin-top:0px;
    }

    .men {
        display: table;
        width: 100%;
        height:650px;
        margin: auto;
        position: relative;
    }

    .men img {
        display: table;
        width: 100%;
        z-index: 1;

        width: 100%;
  height: 100%;
  object-fit: cover;  /* efeito cover */
  object-position: center;
    }

    .top {
        height:800px;
        background-image:url(../images/foto.jpg);
        background-position:left -70px top 160px;
        background-repeat:no-repeat;
        background-size:300px;
    }

    .title {
        display: table;
        width: 100%;
        margin: auto;
        max-width: 250px;
        margin-top: 20px;
        float: none;
        text-align: center;
        padding-right: 0px;
        position:relative;
        z-index: 2;
    }

        .title .txt1 span {
            font-size: 45px;
            line-height: 45px;
            padding-bottom: 12px;
        }

        .title .txt1 {
            font-size: 30px;
            line-height: 30px;
        }

    .pinto {
        display: none;
        width: 365px;
        float: none;
        z-index: 2;
        position:absolute;
        top:260px;
        left:-120px;
        z-index:1;
    }

    .resultados {
        float: none;
        position: absolute;
        width: auto;
        top: 240px;
        right: 0px;
        display: table;
        z-index: 3;
    }


        .resultados .masc2 {
            width: 100%;
            height: 50px;
        }

        .resultados .masc1 {
            width: 100%;
            height: 50px;
        }

    .intro {
        margin-top:-170px;
        z-index:2;
    }

    .scroll {
        padding-left: 0px;
        overflow-y:scroll;
    }

    .cronos {
        padding-left: 20px;
        overflow-x: scroll;
    }

        .cronos .crono {
            width: 280px;
            margin-right: 30px;
        }

        .cronos .content {
            display: table;
            width: 2730px;
            position: relative;
        }


    .intro .mask {
        height: 400px;
       /* top: initial;
        bottom: 20px;
        left: 0%;
        background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);*/
    }

    .intro .slogan {
        top: initial;
        bottom:40px;
        left: 8%;
        width: 84%;
        max-width: 550px;
        z-index: 1100;
        padding-left:0px;
        padding-right:0px;
    }

    .intro .txt1 {
        font-size: 38px;
        line-height: 40px;
        font-weight: 500;
        text-align: left;
        max-width: 550px;
        color: rgba(255, 255, 255, 1);
        padding-bottom: 30px;
    }

    .intro .txt2 {
        font-size: 18px;
        line-height: 28px;
        text-align: left;
    }
    .intro .fundo {
        opacity: 0.6;
    }


    .container4 .left {
        width: 100%;
        float: none;
        display: table;
        padding-right: 0px;
        position: relative;
        top: initial;
    }

    .container4 .right {
        width: 100%;
        float: none;
        display: table;
        font-family: 'Roboto', sans-serif;
        font-size: 18px;
        line-height: 28px;
        font-weight: 300;
        /*text-align: justify;*/
        padding-left: 0px;
        padding-top: 0px;
    }


    .container4 .left .txt1 {
        width: 98%;
        display: table;
        font-size: 44px;
        line-height: 48px;
        text-align: left;
        padding-top: 0px;
        padding-bottom: 10px;
    }

    .container4 .left .txt2 {
        width: 100%;
        display: table;
        max-width: 600px;
        font-weight: 200;
        text-align: left;
        padding-bottom: 30px;
    }

    .container4 .left .txt3 {
        width: 100%;
        display: table;
        font-family: 'Oswald', sans-serif;
        font-size: 18px;
        line-height: 26px;
        letter-spacing: 0px;
        font-weight: 200;
        padding-bottom: 30px;
    }
    .container4 .right strong {
        font-size: 24px;
        font-weight: 500;
        text-align:left !important;
    }





    .container4 .center {
        width: 100%;
        float: none;
        display: table;
        padding-right: 0px;
        position: relative;
        top: initial;
    }

    .container4 .center {
        width: 100%;
        float: none;
        display: table;
        font-family: 'Roboto', sans-serif;
        font-size: 18px;
        line-height: 28px;
        font-weight: 300;
        /*text-align: justify;*/
        padding-left: 0px;
        padding-top: 0px;
    }


    .container4 .center .txt1 {
        width: 98%;
        display: table;
        font-family: 'Playfair Display', serif;
        font-size: 38px;
        line-height: 40px;
        font-weight: 500;
        text-align: left;
        padding-top: 30px;
        padding-bottom: 15px;
    }

    .container4 .center .txt2 {
        width: 100%;
        display: table;
        max-width: 600px;
        font-family: 'Playfair Display', serif;
        font-size: 22px;
        line-height: 34px;
        font-weight: 400;
        text-align: left;
        padding-bottom: 20px;
    }

    .container4 .center .txt3 {
        width: 100%;
        display: table;
        font-family: 'Oswald', sans-serif;
        font-size: 18px;
        line-height: 26px;
        letter-spacing: 0px;
        font-weight: 200;
        padding-bottom: 30px;
    }

    .container4 .center strong {
        font-size: 24px;
        font-weight: 500;
        text-align: left !important;
    }

    .Footer {
        padding-top: 0px;
    }


    .container4 .horizontal {
        padding-left: 0px;
    }

    section.horizontal {
        width: 100% !important;
        display: table !important;
    }

        section.horizontal .pin-wrap {
            overflow-x: scroll;
            display: block !important;
            height:auto;
        }

        section.horizontal .animation-wrap {
            display: table;
            position: relative;
            z-index: 1;
            height: auto;
            z-index: 3;
            width: 4320px;
            padding-left:20px;
        }

        section.horizontal .item {
            float: left;
            width: 250px;
            position: relative;
            padding: 0px 0px 0px 0px;
            flex: none;
            height: auto;
            display: table;
            align-items: initial;
            font-size: 18px;
            line-height: 26px;
            padding-right:0px !important;
        }

        section.horizontal .nolines {
            display:none;
        }

        section.horizontal .item span {
            font-size: 38px;
            font-weight: 500;
            line-height: 32px;
        }

    .container4 {
        width: 84%;
        max-width: 1360px;
        margin: auto;
        display: table;
        padding-top:0px;
        padding-bottom: 50px;
    }

    .respct{
        padding-bottom:80px;
    }

    .men .mentext {
        display: table;
        margin:auto;
        width: 250px;
        color: #ddd;
        padding-bottom: 10px;
        font-family: 'Roboto', sans-serif;
        font-size: 30px;
        line-height: 38px;
        font-weight: 200;
        position: relative;
        text-align: center;
        top: initial;
        left: initial;
        z-index: 2;
        opacity: 0.8;
        padding: 2px 5px;
        padding-top:10px;
        padding-bottom:20px;
    }

    .resptitle {
        display: table !important;
        width:80% !important;
        margin:auto !important;
        
    }

        .resptitle .txt1 {
            text-align: center !important;
        }

        .resptitle .txt2 {
            text-align: center !important;
            font-size: 22px !important;
            line-height: 32px !important;
        }
}
