body {
        background-color: black;
        margin: 0px;
    }

    .bg-black {
        background-color: rgba(0, 0, 0, 1)
    }

    #letter-nav {
        font-size: 18px;
    }

.anc {
    font-size: 20px;
    font-family: 'Cinzel', serif;
    text-decoration: underline;
    text-transform: initial;
    font-weight: 400;
    color: white;
    padding-right: 5px;
    
}
.anc:hover{
    font-size: 20px;
    font-family: 'Cinzel', serif;
    text-decoration: underline;
    text-transform: initial;
    font-weight: 400;
    color: gray;
    padding-right: 5px;
}
.lingua {
    font-size: 18px;
    font-family: 'Cinzel', serif;
    text-decoration: none;
    text-transform: initial;
    font-weight: 400;
    color: white;
    padding-right: 5px;
    white-space: nowrap;
}

        .lingua:hover {
            font-size: 16px;
            font-family: 'Cinzel', serif;
            text-decoration: none;
            text-transform: initial;
            font-weight: 400;
            color: gray;
            padding-right: 5px;
        }


    .bar-ajuste {
        display: inline;
        padding-right: initial;
        position: absolute;
        bottom: 0px;
        right: 0px;
        top: 0;
    }

    .bandeira {
        height: 12px;
        width: 20px;
    }

    /*img e-mail*/
    #img-e-mail {
        position: relative;
        background: url('../images/email.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 900px;
        max-height: 100vh;
        margin: auto;
    }
    /*img quemsomos*/
    #img-quemsomos {
        position: relative;
        background: url('../images/quemsomos.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 900px;
        max-height: 100vh;
        margin: auto;
    }
    /*img estudio*/
    #img-estudio {
        position: relative;
        background: url('../images/nosso_estudio.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 900px;
        max-height: 100vh;
        margin: auto;
    }
    /* img requisitos*/
#img-requisitos {
    position: relative;
    background: url('../images/requisitos.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vw;
    min-height: 900px;
    max-height: 100vh;
    margin: auto;
}
    /*Who we are*/

    .we-are {
        height: 100vh;
        align-items: center;
        display: flex;
        background: black;
        min-height: 685px;
    }

    .h1-secundario {
        font-family: 'Cinzel', serif;
        font-size: 80px;
        font-weight: 500;
        text-shadow: -10px 10px 10px #000000;
        color: white;
        text-transform: uppercase;
        width: 520px;
        display: block;
    }

    .texto-secundario {
        font-family: 'Cinzel', serif;
        color: #fefefe;
        font-size: 28px;
        font-weight: 400;
        text-shadow: 0px 6px 8.28px #575757;
        line-height: 1;
        text-transform: uppercase;
        display: block;
        position: relative;
        width: 520px;
    }

    .div-secundario {
        align-items: center;
        justify-content: space-between;
        padding-left: 50%;
    }

    .lista {
        margin-left: 30px;
        text-decoration: dotted;
        color: white;
    }
    /*ajuste das imagens de fundo*/
#logo_img {
    position: relative;
    background: url('../images/empresa_img_1024.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vw;
    min-height: 969px;
    max-height: 100vh;
    min-width: 1900px;
    max-width: 100vw;
    margin: auto;
}

#logo {
    position: relative;
    background: url('../images/gloria_de_portugal_logo.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vw;
    min-height: 969px;
    max-height: 100vh;
    min-width: 1900px;
    max-width: 100vw;
    margin: auto;
}

#logo-en {
    position: relative;
    background: url('../images/gloria_de_portugal_logo_en.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vw;
    min-height: 969px;
    max-height: 100vh;
    min-width: 1900px;
    max-width: 100vw;
    margin: auto;
}

#mao {
    position: relative;
    background: url('../images/arte_gloria_1_mao.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vw;
    min-height: 1933px;
    max-height: 100%;
    min-width: 1900px;
    max-width: 100vw;
    margin-bottom: 100px;
}

#personagens {
    position: relative;
    background: url('../images/arte_gloria_2_personagens.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vw;
    min-height: 1228px;
    max-height: 100%;
    min-width: 1900px;
    max-width: 100vw;
}

#caveira {
    position: relative;
    background: url('../images/arte_gloria_3_caveiras.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vw;
    min-height: 1228px;
    max-height: 100vw;
    min-width: 1900px;
    max-width: 100vw;
}

#forte {
    position: relative;
    background: url('../images/arte_gloria_4_forte.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vw;
    min-height: 1395px;
    max-height: 100vw;
    min-width: 1900px;
    max-width: 100vw;
}

    /*botoes*/
    .botao {
        position: relative;
        top: 30%;
    }

    #botoes {
        position: relative;
        display: inline-block;
    }

    #botaoesq {
        text-decoration: none;
        align-content: center;
        align-items: center;
        font: normal;
        font-family: 'Cinzel', serif;
        text-align: center;
        text-transform: uppercase;
        color: white;
        border: solid white;
        border-radius: 24px;
        border-width: 3px;
        width: 400px;
        height: 250px;
        padding-top: 38px;
        padding-bottom: 8px;
        z-index: 10;
        margin: auto;
        position: relative;
        display: inline-block;
        transform: translate(0%,0%);
        margin-left: 0px;
    }

        #botaoesq:hover {
            color: black;
            background-color: white;
            transition: .2s ease-out;
        }

    #botaodir {
        text-decoration: none;
        align-content: center;
        align-items: center;
        font: normal;
        font-family: 'Cinzel', serif;
        text-align: center;
        text-transform: uppercase;
        color: white;
        border: solid white;
        border-radius: 24px;
        border-width: 3px;
        width: 400px;
        height: 250px;
        padding-top: 38px;
        padding-bottom: 10px;
        z-index: 10;
        margin: auto;
        position: relative;
        display: inline-block;
        transform: translate(0%,0%);
        line-height: 1.5;
        box-shadow: 0px 0px 4px 1px inset white;
        margin-right: 0px;
    }

        #botaodir:hover {
            color: black;
            background-color: white;
            transition: .2s ease-out;
        }

    #botaocent {
        text-decoration: none;
        align-content: center;
        align-items: center;
        font: normal;
        font-family: 'Cinzel', serif;
        text-align: center;
        text-transform: uppercase;
        color: white;
        border: solid white;
        border-radius: 24px;
        border-width: 5px;
        width: 600px;
        height: 360px;
        padding-top: 70px;
        padding-bottom: 10px;
        z-index: 10;
        margin: auto;
        position: relative;
        display: inline-block;
        transform: translate(0%,200%);
        top: 100%;
        line-height: 1.5;
        box-shadow: 0px 0px 4px 1px inset white;
    }

        #botaocent:hover {
            background-color: black;
            transition: .2s ease-out;
        }

    #agora-size {
        font-family: 'Cinzel', serif;
        color: #ffffff;
        font-size: 85px;
        font-weight: 400;
        transform: scale(1.634,1.634);
    }

    #comprar-size {
        font-family: 'Cinzel', serif;
        color: #ffffff;
        font-size: 55px;
        font-weight: 700;
        transform: scale(1.634,1.634);
    }

    /*listas footer*/

    #fonte {
        list-style: none;
        font-family: 'Cinzel', serif;
        font-weight: 700;
        color: white;
    }

    .footer-list {
        font-weight: 200;
        color: gray;
        padding-left: 0px;
        font-size: 16px;
        font-family: 'Cinzel', serif;
        font-weight: 400;
        line-height: 1;
        text-decoration: none;
    }

        .footer-list:hover {
            color: white;
        }

    ul {
        padding-left: 0px;
        list-style: none;
    }

        ul li {
            font-family: 'Cinzel', serif;
            list-style: none;
        }

        ul strong {
            list-style: none;
            font-family: 'Cinzel', serif;
            font-weight: 700;
            color: white;
        }

    /*Paragrafos geral e hs*/

    .texto-site {
        font-family: 'Cinzel', serif;
        color: #fefefe;
        font-size: 30px;
        font-weight: 400;
        text-shadow: 0px 6px 8.28px #575757;
        line-height: 1;
        text-transform: uppercase;
        display: inline-block;
        position: relative;
    }

    h1 {
        font-family: 'Cinzel', serif;
        font-size: 112px;
        font-weight: 500;
        text-shadow: -10px 10px 10px #000000;
        color: white;
        text-transform: uppercase;
    }

.texto-pag {
    font-family:  'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    color: #fefefe;
    font-size: 30px;
    font-weight: 200;
    text-shadow: 0px 6px 8.28px #575757;
    line-height: 1;
    text-transform: lowercase;
    display: block;
    position: relative;
    width: 520px;
}

    /* paragrafo mao*/

    #mao-p-1 {
        transform: translate(0%,280%);
    }

    #mao-p-2 {
        transform: translate(0%,1200%);
    }

    #mao-p-3 {
        transform: translate(0%,2900%);
    }

    /* paragrafo personagens*/

    #personagens-p-1 {
        transform: translate(-100%,600%);
    }

    #personagens-p-2 {
    transform: translate(-50%,2200%);
    padding-right: 60px;
    }

    #personagens-p-3 {
        transform: translate(0%,3800%);
    }

    /* paragrafo caveiras*/

    #caveiras-p-1 {
        transform: translate(0%,400%);
    }

    #caveiras-p-2 {
        transform: translate(0%,2000%);
    }

    /* paragrafo forte*/

    #forte-p-1 {
        transform: translate(0%,50%);
    }

    /*h1 forte*/

    #central {
        display: inline-block;
        position: relative;
        transform: translate(0%,150%);
    }

    a {
        font-size: 44px;
        font-family: 'Cinzel', serif;
        font-weight: 700;
        line-height: 1;
        text-transform: uppercase;
    }

    #letter-big {
        font-size: 70px;
        font-weight: 400;
    }

    .copyright {
        font-family: 'Cinzel', serif;
        font-size: 14px;
        text-transform: initial;
        font-weight: 400;
        color: white;
        padding-top: 50px;
        padding-bottom: 0px;
        margin-bottom: 0px;
        height: 20px
    }

    .foot {
        padding-bottom: 25px;
    }

    .idade {
        height: 5%;
        width: 5%;
    }

/*custumizar scrollbar */
        /* width */
        ::-webkit-scrollbar {
            width: 20px;
          }
          
          /* Track */
          ::-webkit-scrollbar-track {
            box-shadow: inset 0 0 5px grey; 
            border-radius: 10px;
          }
          
          /* Handle */
          ::-webkit-scrollbar-thumb {
            background: rgb(95, 95, 95); 
            border-radius: 10px;
          }
          
          /* Handle on hover */
          ::-webkit-scrollbar-thumb:hover {
            background: #a1a1a1; 
          }

                        /* QUEBRA DE TELA 2560px*/
@media only screen and (max-width: 2560px) {

    body {
        background-color: black;
        margin:0px;
    }
    .bg-black {
        background-color: rgba(0, 0, 0, 1)
    }
    #letter-nav {
        font-size: 18px;

    }

    .lingua {
        font-size: 18px;
        font-family: 'Cinzel', serif;
        text-decoration: none;
        text-transform: initial;
        font-weight: 400;
        color: white;
        padding-right: 5px;
        white-space: nowrap;
    }

    .lingua:hover {
        font-size: 16px;
        font-family: 'Cinzel', serif;
        text-decoration: none;
        text-transform: initial;
        font-weight: 400;
        color: gray;
        padding-right: 5px;
    }

   
    .bar-ajuste {

        display: inline;
        padding-right:initial;
        position:absolute;
        bottom: 0px;
        right: 0px;
        top: 0;
    }

    .bandeira {
        height: 12px;
        width: 20px;
        
    }

    /*img e-mail*/
    #img-e-mail {
        position: relative;
        background: url('../images/email.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 900px;
        max-height: 100vh;
        margin: auto;
    }
    /*img quemsomos*/
    #img-quemsomos {
        position: relative;
        background: url('../images/quemsomos.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 900px;
        max-height: 100vh;
        margin: auto;
    }
        /*img estudio*/
    #img-estudio {
        position: relative;
        background: url('../images/nosso_estudio.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 900px;
        max-height: 100vh;
        margin: auto;
    }
/* img requisitos*/
    #img-requisitos {
        position: relative;
        background: url('../images/requisitos.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 900px;
        max-height: 100vh;
        margin: auto;
    }
        /*Who we are*/

     .we-are {
        height: 100vh;
        align-items: center;
        display: flex;
        background: black;
        min-height:685px;
    }
    .h1-secundario {
        font-family: 'Cinzel', serif;
        font-size: 80px;
        font-weight: 500;
        text-shadow: -10px 10px 10px #000000;
        color: white;
        text-transform: uppercase;
        width: 520px;
        display: block;
    }
    .texto-secundario {
        font-family: 'Cinzel', serif;
        color: #fefefe;
        font-size: 28px;
        font-weight: 400;
        text-shadow: 0px 6px 8.28px #575757;
        line-height: 1;
        text-transform: uppercase;
        display: block;
        position: relative;
        width: 520px;
    }

 

    .div-secundario{
        align-items:center;
        justify-content:space-between;
        padding-left: 50%;
    }
    .lista {
        margin-left:30px ;
        text-decoration:dotted;
        color: white;
    }
    /*ajuste das imagens de fundo*/
    #logo_img {
        position: relative;
        background: url('../images/empresa_img_1024.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 969px;
        max-height: 100vh;
        min-width: 1900px;
        max-width: 2560px;
        margin: auto;
    }

    #logo {
        position: relative;
        background: url('../images/gloria_de_portugal_logo.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 969px;
        max-height: 100vh;
        min-width: 1900px;
        max-width: 2560px;
        margin: auto;
    }

    #logo-en {
        position: relative;
        background: url('../images/gloria_de_portugal_logo_en.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 969px;
        max-height: 100vh;
        min-width: 1900px;
        max-width: 2560px;
        margin: auto;
    }

    #mao {
        position: relative;
        background: url('../images/arte_gloria_1_mao.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 1933px;
        max-height: 2577.33px;
        min-width: 1900px;
        max-width: 2560px;
        margin-bottom: 100px;
    }

    #personagens {
        position: relative;
        background: url('../images/arte_gloria_2_personagens.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 1228px;
        max-height: 1637.33px;
        min-width: 1900px;
        max-width: 2560px;
    }

    #caveira {
        position: relative;
        background: url('../images/arte_gloria_3_caveiras.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 1228px;
        max-height: 1637.33px;
        min-width: 1900px;
        max-width: 2560px;
    }

    #forte {
        position: relative;
        background: url('../images/arte_gloria_4_forte.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 1395px;
        max-height: 1860.00px;
        min-width: 1900px;
        max-width: 2560px;
    }

    /*botoes*/
    .botao {
        position: relative;
        top: 30%;
    }

    #botoes {
        position: relative;
        display: inline-block;
    }

    #botaoesq {
        text-decoration: none;
        align-content: center;
        align-items: center;
        font: normal;
        font-family: 'Cinzel', serif;
        text-align: center;
        text-transform: uppercase;
        color: white;
        border: solid white;
        border-radius: 24px;
        border-width: 3px;
        width: 400px;
        height: 250px;
        padding-top: 38px;
        padding-bottom: 8px;
        z-index: 10;
        margin: auto;
        position: relative;
        display: inline-block;
        transform: translate(0%,0%);
        margin-left: 0px;
    }
        #botaoesq:hover {
            color: black;
            background-color: white;
            transition: .2s ease-out;
        }

    #botaodir {
        text-decoration: none;
        align-content: center;
        align-items: center;
        font: normal;
        font-family: 'Cinzel', serif;
        text-align: center;
        text-transform: uppercase;
        color: white;
        border: solid white;
        border-radius: 24px;
        border-width: 3px;
        width: 400px;
        height: 250px;
        padding-top: 38px;
        padding-bottom: 10px;
        z-index: 10;
        margin: auto;
        position: relative;
        display: inline-block;
        transform: translate(0%,0%);
        line-height: 1.5;
        box-shadow: 0px 0px 4px 1px inset white;
        margin-right: 0px;
    }
        #botaodir:hover {
            color: black;
            background-color: white;
            transition: .2s ease-out;
        }
    #botaocent {
        text-decoration: none;
        align-content: center;
        align-items: center;
        font: normal;
        font-family: 'Cinzel', serif;
        text-align: center;
        text-transform: uppercase;
        color: white;
        border: solid white;
        border-radius: 24px;
        border-width: 5px;
        width: 600px;
        height: 360px;
        padding-top: 70px;
        padding-bottom: 10px;
        z-index: 10;
        margin: auto;
        position: relative;
        display: inline-block;
        transform: translate(0%,200%);
        top: 100%;
        line-height: 1.5;
        box-shadow: 0px 0px 4px 1px inset white;
    }

        #botaocent:hover {

            background-color: black;
            transition: .2s ease-out;
        }
    #agora-size {
        font-family: 'Cinzel', serif;
        color: #ffffff;
        font-size: 85px;
        font-weight: 400;
        transform: scale(1.634,1.634);
    }

    #comprar-size {
        font-family: 'Cinzel', serif;
        color: #ffffff;
        font-size: 55px;
        font-weight: 700;
        transform: scale(1.634,1.634);
    }

    /*listas footer*/

    #fonte {
        list-style: none;
        font-family: 'Cinzel', serif;
        font-weight: 700;
        color: white;
    }

    .footer-list {
        font-weight: 200;
        color: gray;
        padding-left: 0px;
        font-size: 16px;
        font-family: 'Cinzel', serif;
        font-weight: 400;
        line-height: 1;
        text-decoration: none;
    }
    .footer-list:hover {
            color: white;
    }

    ul {
        padding-left: 0px;
        list-style: none;
    }

        ul li {
            font-family: 'Cinzel', serif;
            list-style: none;
        }

        ul strong {
            list-style: none;
            font-family: 'Cinzel', serif;
            font-weight: 700;
            color: white;

        }

    /*Paragrafos geral e hs*/

    .texto-site {
        font-family: 'Cinzel', serif;
        color: #fefefe;
        font-size: 30px;
        font-weight: 400;
        text-shadow: 0px 6px 8.28px #575757;
        line-height: 1;
        text-transform: uppercase;
        display: inline-block;
        position: relative;
    }

    h1 {
        font-family: 'Cinzel', serif;
        font-size: 112px;
        font-weight: 500;
        text-shadow: -10px 10px 10px #000000;
        color: white;
        text-transform: uppercase;
    }

    /* paragrafo mao*/

    #mao-p-1 {
        transform: translate(0%,280%);
    }

    #mao-p-2 {
        transform: translate(0%,1200%);
    }

    #mao-p-3 {
        transform: translate(0%,2900%);
    }

    /* paragrafo personagens*/

    #personagens-p-1 {
        transform: translate(-100%,600%);
    }

    #personagens-p-2 {
        transform: translate(-50%,2200%);
    }

    #personagens-p-3 {
        transform: translate(0%,3800%);
    }

    /* paragrafo caveiras*/

    #caveiras-p-1 {
        transform: translate(0%,400%);
    }

    #caveiras-p-2 {
        transform: translate(0%,2000%);
    }

    /* paragrafo forte*/

    #forte-p-1 {
        transform: translate(0%,50%);
    }

    /*h1 forte*/

    #central {
        display: inline-block;
        position: relative;
        transform: translate(0%,150%);
    }

    a {
        font-size: 44px;
        font-family: 'Cinzel', serif;
        font-weight: 700;
        line-height: 1;
        text-transform: uppercase;
    }

    #letter-big {
        font-size: 70px;
        font-weight: 400;
    }

    .copyright {
        font-family: 'Cinzel', serif;
        font-size: 14px;
        text-transform: initial;
        font-weight: 400;
        color: white;
        padding-top: 50px;
        padding-bottom: 0px;
        margin-bottom: 0px;
        height: 20px
    }

    .foot {
        padding-bottom: 25px;
    }

    .idade {
        height: 5%;
        width: 5%;
    }
}
                                        /* QUEBRA DE TELA 1920px*/
@media only screen and (max-width: 1920px) {
    body {
        background-color: black;
    }
    .bar-ajuste {
        /*margin-left: 35vw;
        padding-left: 39vw;
        display: inline-block;*/
    }
    /*img e-mail*/
    #img-e-mail {
        position: relative;
        background: url('../images/email.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 900px;
        max-height: 100vh;
        margin: auto;
    }
    /*img quemsomos*/
    #img-quemsomos {
        position: relative;
        background: url('../images/quemsomos.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 900px;
        max-height: 100vh;
        margin: auto;
    }
    /*img estudio*/
    #img-estudio {
        position: relative;
        background: url('../images/nosso_estudio.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 900px;
        max-height: 100vh;
        margin: auto;
    }
    /* img requisitos*/
    #img-requisitos {
        position: relative;
        background: url('../images/requisitos.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 900px;
        max-height: 100vh;
        margin: auto;
    }
    /*Who we are*/
    .we-are {
        height: 100vh;
        align-items: center;
        display: flex;
    }

    .h1-secundario {
        font-family: 'Cinzel', serif;
        font-size: 50px;
        font-weight: 500;
        text-shadow: -10px 10px 10px #000000;
        color: white;
        text-transform: uppercase;
        width: 520px;
        display: block;

    }

    .texto-secundario {
        
        font-family: 'Cinzel', serif;
        color: #fefefe;
        font-size: 18px;
        font-weight: 400;
        text-shadow: 0px 6px 8.28px #575757;
        line-height: 1;
        text-transform: uppercase;
        display: block;
        position: relative;
        width: 520px;
 
    }

    /*ajuste das imagens de fundo*/

    #logo_img {
        position: relative;
        background: url('../images/empresa_img_1024.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 775.20px;
        max-height: 920px;
        min-width: 1520px;
        max-width: 1920px;
        margin: auto;
    }

    #logo {
        position: relative;
        background: url('../images/gloria_de_portugal_logo.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 775.20px;
        max-height: 920px;
        min-width: 1520px;
        max-width: 1920px;
        margin: auto;
    }

    #logo-en {
        position: relative;
        background: url('../images/gloria_de_portugal_logo_en.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 775.20px;
        max-height: 920px;
        min-width: 1520px;
        max-width: 1920px;
        margin: auto;
    }

    #mao {
        position: relative;
        background: url('../images/arte_gloria_1_mao.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 1546.40px;
        max-height: 1933px;
        min-width: 1520px;
        max-width: 1920px;
        margin-bottom: 100px;
    }

    #personagens {
        position: relative;
        background: url('../images/arte_gloria_2_personagens.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 982.40px;
        max-height: 1228px;
        min-width: 1520px;
        max-width: 1920px;
    }

    #caveira {
        position: relative;
        background: url('../images/arte_gloria_3_caveiras.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 982.40px;
        max-height: 1228px;
        min-width: 1520px;
        max-width: 1920px;
    }

    #forte {
        position: relative;
        background: url('../images/arte_gloria_4_forte.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 1116px;
        max-height: 1395px;
        min-width: 1520px;
        max-width: 1920px;
    }

    /*botoes*/
    .botao {
        position: relative;
        top: 30%;
    }

    #botoes {
        position: relative;
        display: inline-block;
    }

    #botaoesq {
        text-decoration: none;
        align-content: center;
        align-items: center;
        font: normal;
        font-family: 'Cinzel', serif;
        text-align: center;
        text-transform: uppercase;
        color: white;
        border: solid white;
        border-radius: 24px;
        border-width: 3px;
        width: 171px;
        height: 120px;
        padding-top: 11px;
        padding-bottom: 8px;
        z-index: 10;
        margin: auto;
        position: relative;
        display: inline-block;
        transform: translate(0%,0%);
    }

    #botaodir {
        text-decoration: none;
        align-content: center;
        align-items: center;
        font: normal;
        font-family: 'Cinzel', serif;
        text-align: center;
        text-transform: uppercase;
        color: white;
        border: solid white;
        border-radius: 24px;
        border-width: 3px;
        width: 171px;
        height: 120px;
        padding-top: 18px;
        padding-bottom: 10px;
        z-index: 10;
        margin: auto;
        position: relative;
        display: inline-block;
        transform: translate(0%,0%);
        line-height: 1.5;
        box-shadow: 0px 0px 4px 1px inset white;
    }

    #botaocent {
        text-decoration: none;
        align-content: center;
        align-items: center;
        font: normal;
        font-family: 'Cinzel', serif;
        text-align: center;
        text-transform: uppercase;
        color: white;
        border: solid white;
        border-radius: 24px;
        border-width: 5px;
        width: 400px;
        height: 230px;
        padding-top: 45px;
        padding-bottom: 10px;
        z-index: 10;
        margin: auto;
        position: relative;
        display: inline-block;
        transform: translate(0%,200%);
        top: 100%;
        line-height: 1.5;
        box-shadow: 0px 0px 4px 1px inset white;
    }

    #agora-size {
        font-family: 'Cinzel', serif;
        color: #ffffff;
        font-size: 60px;
        font-weight: 400;
        transform: scale(1.634,1.634);
    }

    #comprar-size {
        font-family: 'Cinzel', serif;
        color: #ffffff;
        font-size: 40px;
        font-weight: 700;
        transform: scale(1.634,1.634);
    }

    /*listas footer*/

    #fonte {
        list-style: none;
        font-family: 'Cinzel', serif;
        font-weight: 700;
        color: white;
    }


    .footer-list {
        font-weight: 200;
        color: gray;
        padding-left: 0px;
        font-size: 16px;
        font-family: 'Cinzel', serif;
        font-weight: 400;
        line-height: 1;
        text-decoration:none;
    }
    .footer-list:hover {
            color: white;

    }


    ul {
        padding-left: 0px;
        list-style: none;
    }

        ul li {
            font-family: 'Cinzel', serif;
            list-style: none;
        }

        ul strong {
            list-style: none;
            font-family: 'Cinzel', serif;
            font-weight: 700;
            color: white;
        }

    /*Paragrafos geral e hs*/

    .texto-site {
        font-family: 'Cinzel', serif;
        color: #fefefe;
        font-size: 24px;
        font-weight: 400;
        text-shadow: 0px 6px 8.28px #575757;
        line-height: 1;
        text-transform: uppercase;
        display: inline-block;
        position: relative;
    }

    h1 {
        font-family: 'Cinzel', serif;
        font-size: 72px;
        font-weight: 500;
        text-shadow: -4px 6px 4.55px #000000;
        color: white;
        text-transform: uppercase;
    }

    /* paragrafo mao*/

    #mao-p-1 {
        transform: translate(0%,280%);
    }

    #mao-p-2 {
        transform: translate(0%,1200%);
    }

    #mao-p-3 {
        transform: translate(0%,2900%);
    }

    /* paragrafo personagens*/

    #personagens-p-1 {
        transform: translate(-100%,600%);
    }

    #personagens-p-2 {
        transform: translate(-50%,2200%);
    }

    #personagens-p-3 {
        transform: translate(0%,3800%);
    }

    /* paragrafo caveiras*/

    #caveiras-p-1 {
        transform: translate(0%,400%);
    }

    #caveiras-p-2 {
        transform: translate(0%,2000%);
    }

    /* paragrafo forte*/

    #forte-p-1 {
        transform: translate(0%,50%);
    }

    /*h1 forte*/

    #central {
        display: inline-block;
        position: relative;
        transform: translate(0%,125%);
    }

    a {
        font-size: 24px;
        font-family: 'Cinzel', serif;
        font-weight: 700;
        line-height: 1;
        text-transform: uppercase;
    }

    #letter-big {
        font-size: 36px;
        font-weight: 400;
    }

    .copyright {
        font-family: 'Cinzel', serif;
        font-size: 14px;
        text-transform: initial;
        font-weight: 400;
        color: white;
        padding-top: 50px;
        padding-bottom: 0px;
        margin-bottom: 0px;
        height: 20px
    }

    .foot {
        padding-bottom: 25px;
    }

    .idade {
        height: 5%;
        width: 5%;
    }
}

                                                              /* QUEBRA DE TELA 1536px*/

@media only screen and (max-width: 1536px) {
    body {
        background-color: black;
    }
    .bar-ajuste {
        /*margin-right: 0px;
        margin-left: 30vw;
        display: inline-block;
        position: relative;
        bottom: 0px;
        right: 0px;*/
    }
    /*Who we are*/
    .we-are {
        height: 100vh;
        align-items: center;
        display: flex;
    }

    .h1-secundario {
        font-family: 'Cinzel', serif;
        font-size: 50px;
        font-weight: 500;
        text-shadow: -10px 10px 10px #000000;
        color: white;
        text-transform: uppercase;
        width: 520px;
        display: block;
    }

    .texto-secundario {
        font-family: 'Cinzel', serif;
        color: #fefefe;
        font-size: 18px;
        font-weight: 400;
        text-shadow: 0px 6px 8.28px #575757;
        line-height: 1;
        text-transform: uppercase;
        display: block;
        position: relative;
        width: 520px;
    }
    .div-secundario {
        align-items: center;
        justify-content: space-between;
        padding-left: 45%;
    }
    /*ajuste das imagens de fundo*/

    #logo_img {
        position: relative;
        background: url('../images/empresa_img_1024.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vh;
        min-height: 689.40px;
        max-height: 100vh;
        min-width: 1346px;
        max-width: 1536px;
        margin: auto;
    }

    #logo {
        position: relative;
        background: url('../images/gloria_de_portugal_logo.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vh;
        min-height: 689.40px;
        max-height: 100vh;
        min-width: 1346px;
        max-width: 1536px;
        margin: auto;
    }

    #logo-en {
        position: relative;
        background: url('../images/gloria_de_portugal_logo_en.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vh;
        min-height: 689.40px;
        max-height: 100vh;
        min-width: 1346px;
        max-width: 1536px;
        margin: auto;
    }

    #mao {
        position: relative;
        background: url('../images/arte_gloria_1_mao.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 1375.25px;
        max-height: 1546.40px;
        min-width: 1346px;
        max-width: 1536px;
    }

    #personagens {
        position: relative;
        background: url('../images/arte_gloria_2_personagens.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 873.67px;
        max-height: 982.40px;
        min-width: 1346px;
        max-width: 1536px;
    }

    #caveira {
        position: relative;
        background: url('../images/arte_gloria_3_caveiras.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 873.67px;
        max-height: 982.40px;
        min-width: 1346px;
        max-width: 1536px;
    }

    #forte {
        position: relative;
        background: url('../images/arte_gloria_4_forte.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 992.48px;
        max-height: 1116px;
        min-width: 1346px;
        max-width: 1536px;
    }

    /*Paragrafos geral e hs*/

    .texto-site {
        font-family: 'Cinzel', serif;
        color: #fefefe;
        font-size: 20px;
        font-weight: 400;
        text-shadow: 0px 6px 8.28px #575757;
        line-height: 1;
        text-transform: uppercase;
        display: inline-block;
        position: relative;
    }

    h1 {
        font-family: 'Cinzel', serif;
        font-size: 64px;
        font-weight: 500;
        text-shadow: -4px 6px 4.55px #000000;
        color: white;
        text-transform: uppercase;
    }

    /* paragrafo mao*/

    #mao-p-1 {
        transform: translate(0%,250%);
    }

    #mao-p-2 {
        transform: translate(0%,1150%);
    }

    #mao-p-3 {
        transform: translate(0%,2600%);
    }

    /* paragrafo personagens*/

    #personagens-p-1 {
        transform: translate(-100%,600%);
    }

    #personagens-p-2 {
        transform: translate(-50%,1900%);
    }

    #personagens-p-3 {
        transform: translate(0%,3400%);
    }

    /* paragrafo caveiras*/

    #caveiras-p-1 {
        transform: translate(0%,400%);
    }

    #caveiras-p-2 {
        transform: translate(0%,1900%);
    }

    /* paragrafo forte*/

    #forte-p-1 {
        transform: translate(0%,50%);
    }
    /* footer*/
    .foot {
        padding-bottom: 25px;
    }
/* botoes*/
    #botaoesq {
        margin-left: 0px;
    }

    #botaodir {
        margin-right: 0px;
    }
    .botao {
        position: relative;
        top: 25%;
    }
}
                                                                 /* QUEBRA DE TELA 1366px*/

@media only screen and (max-width: 1366px) {
    body {
        background-color: black;
        
    }
    .bar-ajuste {
        /*margin-left: 20vw;
        padding-left: 10vw;*/
        /*display: inline-block;*/
    }
    #botaoesq{
        margin-left:0px;
        

    }
    #botaodir {
        margin-right: 0px;
    }

    /*ajuste das imagens de fundo*/

    #logo_img {
        margin-top: 0px;
        position: relative;
        background: url('../images/empresa_img_1024.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vh;
        min-height: 516.80px;
        max-height: 100vh;
        min-width: 1004px;
        max-width: 1366px;
        margin-bottom: 15px;
    }

    #logo {
        margin-top: 0px;
        position: relative;
        background: url('../images/gloria_de_portugal_logo.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vh;
        min-height: 516.80px;
        max-height: 100vh;
        min-width: 1004px;
        max-width: 1366px;
        margin-bottom: 15px;
    }

    #logo-en {
        margin-top: 0px;
        position: relative;
        background: url('../images/gloria_de_portugal_logo_en.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vh;
        min-height: 516.80px;
        max-height: 100vh;
        min-width: 1004px;
        max-width: 1366px;
        margin-bottom: 15px;
    }

    #mao {
        position: relative;
        background: url('../images/arte_gloria_1_mao.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 1030.93px;
        max-height: 1375.25px;
        min-width: 1004px;
        max-width: 1366px;
    }

    #personagens {
        position: relative;
        background: url('../images/arte_gloria_2_personagens.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 654.93px;
        max-height: 873.67px;
        min-width: 1004px;
        max-width: 1366px;
    }

    #caveira {
        position: relative;
        background: url('../images/arte_gloria_3_caveiras.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 654.93px;
        max-height: 873.67px;
        min-width: 1004px;
        max-width: 1366px;
    }

    #forte {
        position: relative;
        background: url('../images/arte_gloria_4_forte.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 744px;
        max-height: 992.48px;
        min-width: 1004px;
        max-width: 1366px;
    }

    /*Paragrafos geral e hs*/

    .texto-site {
        font-family: 'Cinzel', serif;
        color: #fefefe;
        font-size: 20px;
        font-weight: 400;
        text-shadow: 0px 6px 8.28px #575757;
        line-height: 1;
        text-transform: uppercase;
        display: inline-block;
        position: relative;
    }

    h1 {
        font-family: 'Cinzel', serif;
        font-size: 64px;
        font-weight: 500;
        text-shadow: -4px 6px 4.55px #000000;
        color: white;
        text-transform: uppercase;
    }

    /* paragrafo mao*/

    #mao-p-1 {
        transform: translate(0%,200%);
    }

    #mao-p-2 {
        transform: translate(0%,980%);
    }

    #mao-p-3 {
        transform: translate(0%,2200%);
    }

    /* paragrafo personagens*/

    #personagens-p-1 {
        transform: translate(-100%,600%);
    }

    #personagens-p-2 {
        transform: translate(-50%,1900%);
    }

    #personagens-p-3 {
        transform: translate(0%,3400%);
    }

    /* paragrafo caveiras*/

    #caveiras-p-1 {
        transform: translate(0%,400%);
    }

    #caveiras-p-2 {
        transform: translate(0%,1900%);
    }

    /* paragrafo forte*/

    #forte-p-1 {
        transform: translate(0%,50%);
    }
    /* footer*/

    .copyright {
        font-family: 'Cinzel', serif;
        font-size: 14px;
        text-transform: initial;
        font-weight: 400;
        color: white;
        padding-top: 40px;
        padding-bottom: 10px;
        margin-bottom: 0px;
        height: 20px
    }

    .foot {
        padding-bottom: 25px;
    }

    #botaocent {
        text-decoration: none;
        align-content: center;
        align-items: center;
        font: normal;
        font-family: 'Cinzel', serif;
        text-align: center;
        text-transform: uppercase;
        color: white;
        border: solid white;
        border-radius: 24px;
        border-width: 5px;
        width: 400px;
        height: 230px;
        padding-top: 45px;
        padding-bottom: 10px;
        z-index: 10;
        margin: auto;
        position: relative;
        display: inline-block;
        transform: translate(0%,150%);
        top: 100%;
        line-height: 1.5;
        box-shadow: 0px 0px 4px 1px inset white;
    }
}

                                                                      /* QUEBRA DE TELA 1024px*/

@media only screen and (max-width: 1024px){
    body {
        background-color: black;
    }
    
    #botaoesq {
        margin-left: 0px;
    }

    #botaodir {
        margin-right: 0px;
    }
    .botao {
        position: relative;
        top: 10%;
    }
 
    /*img e-mail*/
    #img-e-mail {
        position: relative;
        background: url('../images/email_1024.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 577px;
        max-height: 100vh;
        margin: auto;
    }
    /*img quemsomos*/
    #img-quemsomos {
        position: relative;
        background: url('../images/quemsomos_1024.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 577px;
        max-height: 100vh;
        margin: auto;
    }
    /*img estudio*/
    #img-estudio {
        position: relative;
        background: url('../images/nosso_estudio_1024.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 577px;
        max-height: 100vh;
        margin: auto;
    }
    /* img requisitos*/
    #img-requisitos {
        position: relative;
        background: url('../images/requisitos_1024.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 577px;
        max-height: 100vh;
        margin: auto;
    }
    /*Who we are*/
    .we-are {
        height: 100vh;
        align-items: center;
        display: flex;
    }

    .h1-secundario {
        font-family: 'Cinzel', serif;
        font-size: 50px;
        font-weight: 500;
        text-shadow: -10px 10px 10px #000000;
        color: white;
        text-transform: uppercase;
        width: 520px;
        display: block;
       
    }

    .texto-secundario {
        font-family: 'Cinzel', serif;
        color: #fefefe;
        font-size: 18px;
        font-weight: 400;
        text-shadow: 0px 6px 8.28px #575757;
        line-height: 1;
        text-transform: uppercase;
        display: block;
        position: relative;
        width: 520px;
        
    }

    .div-secundario {
        background: rgba(0, 0, 0, 0.6);
        border-radius: 15px;
        align-items: center;
        justify-content: space-between;
        padding: 10px;
        margin: auto;
        box-sizing: content-box
    }
    /*ajuste das imagens de fundo*/

    #logo_img {
        margin-top: 0px;
        position: relative;
        background: url('../images/empresa_img_1024.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vh;
        min-height: 367.60px;
        max-height: 100vh;
        min-width: 748px;
        max-width: 1024px;
        margin-bottom: 25px;
    }

    #logo {
        margin-top: 0px;
        position: relative;
        background: url('../images/gloria_de_portugal_logo.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vh;
        min-height: 367.60px;
        max-height: 100vh;
        min-width: 748px;
        max-width: 1024px;
        margin-bottom: 25px;
    }

    #logo-en {
        margin-top: 0px;
        position: relative;
        background: url('../images/gloria_de_portugal_logo_en.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vh;
        min-height: 367.60px;
        max-height: 100vh;
        min-width: 748px;
        max-width: 1024px;
        margin-bottom: 25px;
    }

    #mao {
        position: relative;
        background: url('../images/arte_gloria_1_mao_1024.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 753.20px;
        max-height: 1030.93px;
        min-width: 748px;
        max-width: 1024px;
        margin-bottom: 110px;
    }

    #personagens {
        position: relative;
        background: url('../images/arte_gloria_2_personagens_1024.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 471.20px;
        max-height: 654.93px;
        min-width: 748px;
        max-width: 1024px;
    }

    #caveira {
        position: relative;
        background: url('../images/arte_gloria_3_caveiras_1024.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 471.20px;
        max-height: 654.93px;
        min-width: 748px;
        max-width: 1024px;
    }

    #forte {
        position: relative;
        background: url('../images/arte_gloria_4_forte_1024.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 538px;
        max-height: 744px;
        min-width: 748px;
        max-width: 1024px;
    }

    /*Paragrafos geral e hs*/

    .texto-site {
        font-family: 'Cinzel', serif;
        color: #fefefe;
        font-size: 16px;
        font-weight: 400;
        text-shadow: 0px 6px 8.28px #575757;
        line-height: 1;
        text-transform: uppercase;
        display: inline-block;
        position: relative;
    }

    h1 {
        font-family: 'Cinzel', serif;
        font-size: 56px;
        font-weight: 500;
        text-shadow: -4px 6px 4.55px #000000;
        color: white;
        text-transform: uppercase;
    }

    /* paragrafo mao*/

    #mao-p-1 {
        transform: translate(0%,200%);
    }

    #mao-p-2 {
        transform: translate(0%,890%);
    }

    #mao-p-3 {
        transform: translate(0%,2100%);
    }

    /* paragrafo personagens*/

    #personagens-p-1 {
        transform: translate(-100%,600%);
    }

    #personagens-p-2 {
        transform: translate(-50%,1700%);
    }

    #personagens-p-3 {
        transform: translate(0%,3000%);
    }

    /* paragrafo caveiras*/

    #caveiras-p-1 {
        transform: translate(0%,400%);
    }

    #caveiras-p-2 {
        transform: translate(0%,1500%);
    }

    /* paragrafo forte*/

    #forte-p-1 {
        transform: translate(0%,50%);
    }
    /* footer*/

    .copyright {
        font-family: 'Cinzel', serif;
        font-size: 14px;
        text-transform: initial;
        font-weight: 400;
        color: white;
        padding-top: 10px;
        padding-bottom: 30px;
        margin-bottom: 0px;
        height: 20px
    }

    .foot {
        padding-bottom: 25px;
    }

    #botaocent {
        text-decoration: none;
        align-content: center;
        align-items: center;
        font: normal;
        font-family: 'Cinzel', serif;
        text-align: center;
        text-transform: uppercase;
        color: white;
        border: solid white;
        border-radius: 24px;
        border-width: 5px;
        width: 320px;
        height: 200px;
        padding-top: 30px;
        padding-bottom: 10px;
        z-index: 10;
        margin: auto;
        position: relative;
        display: inline-block;
        transform: translate(0%,120%);
        top: 100%;
        line-height: 1.5;
        box-shadow: 0px 0px 4px 1px inset white;
    }
    .idade {
        height: 45px;
        width: 45px;
    }

}

                                                                    /*QUEBRA DE TELA 992px*/

@media only screen and (max-width: 992px) {
    .bar-ajuste {
        display: flex;
        padding-right: inherit;
        position: relative;
        bottom: 0px;
        right: 0px;
        top: 0;
    }
}
                                                                     /*QUEBRA DE TELA 768px*/
@media only screen and (max-width: 768px) {

    body {
        background-color: black;
    }


    #botaoesq {
        margin-left: 0px;
        background-color:black;
    }

    #botaodir {
        margin-right: 0px;
        background-color: black;
    }
    .botao {
        position: relative;
        top: 80%;
    }



    /*img e-mail*/
    #img-e-mail {
        position: relative;
        background: url('../images/email_768.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 530px;
        max-height: 100vh;
        margin: auto;
    }
    /*img quemsomos*/
    #img-quemsomos {
        position: relative;
        background: url('../images/quemsomos_768.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 530px;
        max-height: 100vh;
        margin: auto;
    }
    /*img estudio*/
    #img-estudio {
        position: relative;
        background: url('../images/nosso_estudio_768.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        margin-bottom: 100px;
        min-height: 530px;
        max-height: 100vh;
        margin: auto;
    }
    /* img requisitos*/
    #img-requisitos {
        position: relative;
        background: url('../images/Requisitos_768.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 530px;
        max-height: 100vh;
        margin: auto;
    }
    /*Who we are*/
    .we-are {
        height: 100vh;
        align-items: center;
        display: flex;
    }

    .h1-secundario {
        font-family: 'Cinzel', serif;
        font-size: 40px;
        font-weight: 500;
        text-shadow: -10px 10px 10px #000000;
        color: white;
        text-transform: uppercase;
        width: 320px;
        display: block;
    }

    .texto-secundario {
        font-family: 'Cinzel', serif;
        color: #fefefe;
        font-size: 16px;
        font-weight: 400;
        text-shadow: 0px 6px 8.28px #575757;
        line-height: 1;
        text-transform: uppercase;
        display: block;
        position: relative;
        width: 320px;
    }

    .texto-pag {
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        color: #fefefe;
        font-size: 30px;
        font-weight: 200;
        text-shadow: 0px 6px 8.28px #575757;
        line-height: 1;
        text-transform: lowercase;
        display: block;
        position: relative;
        width: 320px;
    }
    .div-secundario {
        background: rgba(0, 0, 0, 0.6);
        border-radius: 15px;
        align-items: center;
        justify-content: space-between;
        padding: 10px;
        margin: auto;
        box-sizing: content-box
    }
    /*ajuste das imagens de fundo*/


    #logo_img {
        margin-top: 0px;
        position: relative;
        background: url('../images/empresa_img_768.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vh;
        min-height: 242.25px;
        max-height: 100vh;
        min-width: 460px;
        max-width: 768px;
        margin-bottom: 100px;
    }

    #logo {
        margin-top: 0px;
        position: relative;
        background: url('../images/gloria_de_portugal_logo_ 768px_1024px.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vh;
        min-height: 242.25px;
        max-height: 100vh;
        min-width: 460px;
        max-width: 768px;
        margin-bottom: 100px;
    }

    #logo-en {
        margin-top: 0px;
        position: relative;
        background: url('../images/gloria_de_portugal_logo_ 768px_1024px-en.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vh;
        min-height: 242.25px;
        max-height: 100vh;
        min-width: 460px;
        max-width: 768px;
        margin-bottom: 100px;
    }

    #mao {
        position: relative;
        background: url('../images/arte_gloria_1_mao_768.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 483.31px;
        max-height: 773.20px;
        min-width: 460px;
        max-width: 768px;
    }

    #personagens {
        position: relative;
        background: url('../images/arte_gloria_2_personagens_768.jpg');
        background-position: left;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 307.00px;
        max-height: 491.20px;
        min-width: 460px;
        max-width: 768px;
    }

    #caveira {
        position: relative;
        background: url('../images/arte_gloria_3_caveiras_768.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 307.000px;
        max-height: 491.20px;
        min-width: 460px;
        max-width: 768px;
    }

    #forte {
        position: relative;
        background: url('../images/arte_gloria_4_forte_768.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 348.75px;
        max-height: 558px;
        min-width: 460px;
        max-width: 768px;
    }

    /*Paragrafos geral e hs*/

    .texto-site {
        font-family: 'Cinzel', serif;
        color: #fefefe;
        font-size: 14px;
        font-weight: 400;
        text-shadow: 1px 1px 1px black;
        line-height: 1;
        text-transform: uppercase;
        display: inline-block;
        position: relative;
    }

    h1 {
        font-family: 'Cinzel', serif;
        font-size: 40px;
        font-weight: 500;
        text-shadow: -4px 6px 4.55px #000000;
        color: white;
        text-transform: uppercase;
    }

    /* paragrafo mao*/

    #mao-p-1 {
        transform: translate(0%,200%);
    }

    #mao-p-2 {
        transform: translate(0%,700%);
    }

    #mao-p-3 {
        transform: translate(0%,1500%);
    }

    /* paragrafo personagens*/

    #personagens-p-1 {
        transform: translate(-50%,300%);
        padding-right: 60px;
    }

    #personagens-p-2 {
        transform: translate(-25%,1100%);
        padding-right: 40px;
    }

    #personagens-p-3 {
        transform: translate(0%,2000%);
    }

    /* paragrafo caveiras*/

    #caveiras-p-1 {
        transform: translate(0%,100%);
    }

    #caveiras-p-2 {
        transform: translate(0%,1200%);
    }

    /* paragrafo forte*/

    #forte-p-1 {
        transform: translate(0%,50%);
    }
    /* footer*/
    .foot {
        padding-bottom: 25px;
        
    }
    .copyright {
        font-family: 'Cinzel', serif;
        font-size: 12px;
        text-transform: initial;
        font-weight: 400;
        color: white;
        padding-top: 5px;
        padding-bottom: 10px;
        margin-bottom: 0px;
        height: 20px
    }
    .idade {
        height: 45px;
        width: 45px;
    }
/*botao e h1 forte*/
    #botaocent {
        text-decoration: none;
        align-content: center;
        align-items: center;
        font: normal;
        font-family: 'Cinzel', serif;
        text-align: center;
        text-transform: uppercase;
        color: white;
        border: solid white;
        border-radius: 16px;
        border-width: 5px;
        width: 250px;
        height: 150px;
        padding-top: 3px;
        padding-bottom: 10px;
        z-index: 10;
        margin: auto;
        position: relative;
        display: inline-block;
        transform: translate(0%,85%);
        top: 85%;
        line-height: 1.5;
        box-shadow: 0px 0px 4px 1px inset white;
    }

    #central {
        display: inline-block;
        position: relative;
        transform: translate(0%,85%);
    }
    .idade {
        height: 45px;
        width: 45px;
    }

}
                                                                    /*Quebra de tela 480*/
@media only screen and (max-width: 480px) {

    body {
        background-color: black;
    }

    #botaoesq {
        margin-left: 0px;
    }

    #botaodir {
        margin-right: 0px;
    }
    #botaoesq {
        text-decoration: none;
        align-content: center;
        align-items: center;
        font: normal;
        font-family: 'Cinzel', serif;
        text-align: center;
        text-transform: uppercase;
        color: white;
        border: solid white;
        border-radius: 24px;
        border-width: 3px;
        width: 130px;
        height: 100px;
        padding-top: 11px;
        padding-bottom: 8px;
        z-index: 10;
        margin: auto;
        position: relative;
        display: inline-block;
        transform: translate(0%,0%);
    }

    #botaodir {
        text-decoration: none;
        align-content: center;
        align-items: center;
        font: normal;
        font-family: 'Cinzel', serif;
        text-align: center;
        text-transform: uppercase;
        color: white;
        border: solid white;
        border-radius: 24px;
        border-width: 3px;
        width: 130px;
        height: 100px;
        padding-top: 18px;
        padding-bottom: 10px;
        z-index: 10;
        margin: auto;
        position: relative;
        display: inline-block;
        transform: translate(0%,0%);
        line-height: 1.5;
        box-shadow: 0px 0px 4px 1px inset white;
    }

    .botao {
        position: relative;
        padding-top: 150px;
        top: 30vh;
    }

    #letter-big {
        font-size: 26px;
        font-weight: 400;
    }

    a {
        font-size: 18px;
        font-family: 'Cinzel', serif;
        font-weight: 700;
        line-height: 1;
        text-transform: uppercase;
    }
    /*Who we are*/
    .we-are {
        height: 100%;
        align-items: center;
        display: flex;
    }

    .h1-secundario {
        font-family: 'Cinzel', serif;
        font-size: 30px;
        font-weight: 500;
        text-shadow: -10px 10px 10px #000000;
        color: white;
        text-transform: uppercase;
        width: 240px;
        display: block;
    }

    .texto-secundario {
        font-family: 'Cinzel', serif;
        color: #fefefe;
        font-size: 16px;
        font-weight: 400;
        text-shadow: 0px 6px 8.28px #575757;
        line-height: 1;
        text-transform: uppercase;
        display: block;
        position: relative;
        width: 240px;
    }

    .div-secundario {
        align-items: center;
        justify-content: space-between;
        padding: 0px;
    }
    /*ajuste das imagens de fundo*/

    #logo_img {
        margin-top: 0px;
        position: relative;
        background: url('../images/empresa_img_768.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vh;
        min-height: 171.59px;
        max-height: 100vh;
        min-width: 320px;
        max-width: 480px;
        margin-bottom: 5vh;
    }

    #logo {
        margin-top: 0%;
        position: relative;
        background: url('../images/gloria_de_portugal_logo_ 768px_1024px.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vh;
        min-height: 171.59px;
        max-height: 100vh;
        min-width: 320px;
        max-width: 480px;
        margin-bottom: 5vh;
    }

    #logo-en {
        margin-top: 0px;
        position: relative;
        background: url('../images/gloria_de_portugal_logo_ 768px_1024px-en.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vh;
        min-height: 171.59px;
        max-height: 100vh;
        min-width: 320px;
        max-width: 480px;
        margin-bottom: 5vh;
    }

    #mao {
        margin-top: 20%;
        position: relative;
        background: url('../images/arte_gloria_1_mao.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 342.30px;
        max-height: 483.31px;
        min-width: 320px;
        max-width: 480px;
    }

    #personagens {
        position: relative;
        background: url('../images/arte_gloria_2_personagens.jpg');
        background-position: left;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 217.46px;
        max-height: 307.00px;
        min-width: 320px;
        max-width: 480px;
    }

    #caveira {
        position: relative;
        background: url('../images/arte_gloria_3_caveiras.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 217.46px;
        max-height: 307.00px;
        min-width: 320px;
        max-width: 480px;
    }

    #forte {
        position: relative;
        background: url('../images/arte_gloria_4_forte.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 247.03px;
        max-height: 348.75px;
        min-width: 320px;
        max-width: 480px;
    }

    /*Paragrafos geral e hs*/

    .texto-site {
        font-family: 'Cinzel', serif;
        color: #fefefe;
        font-size: 14px;
        font-weight: 400;
        text-shadow: 1px 1px 3px gray, -1px -1px 1px gray;
        line-height: 1;
        text-transform: uppercase;
        display: inline-block;
        position: relative;
    }

    h1 {
        font-family: 'Cinzel', serif;
        font-size: 30px;
        font-weight: 500;
        text-shadow: -4px 6px 4.55px #000000;
        color: white;
        text-transform: uppercase;
    }

    /* paragrafo mao*/

    #mao-p-1 {
        transform: translate(0%,100%);
    }

    #mao-p-2 {
        width:150px;
        transform: translate(0%,250%);
    }

    #mao-p-3 {
        transform: translate(0%,1000%);
    }

    /* paragrafo personagens*/

    #personagens-p-1 {
        transform: translate(0%,180%);
    }

    #personagens-p-2 {
        width:150px;
        transform: translate(-0%,300%);
    }

    #personagens-p-3 {
        transform: translate(0%,1300%);
    }

    /* paragrafo caveiras*/

    #caveiras-p-1 {
        transform: translate(0%,100%);
    }

    #caveiras-p-2 {
        transform: translate(0%,800%);
    }

    /* paragrafo forte*/

    #forte-p-1 {
        transform: translate(0%,50%);
    }
    /* footer*/
    .foot {
        padding-bottom: 25px;
        margin-bottom: 30px;
    }

    .copyright {
        font-family: 'Cinzel', serif;
        font-size: 12px;
        text-transform: initial;
        font-weight: 400;
        color: white;
        padding-top: 5px;
        padding-bottom: 10px;
        margin-bottom: 0px;
        height: 20px
    }
    .idade {
        height: 35px;
        width: 35px;
    }
/*botao central e h1 do forte */
    
    #botaocent {
        text-decoration: none;
        align-content: center;
        align-items: center;
        font: normal;
        font-family: 'Cinzel', serif;
        text-align: center;
        text-transform: uppercase;
        color: white;
        border: solid white;
        border-radius: 16px;
        border-width: 4px;
        width: 180px;
        height: 95px;
        padding-top: 9px;
        padding-bottom: 10px;
        z-index: 10;
        margin: auto;
        position: relative;
        display: inline-block;
        transform: translate(0%,60%);
        top: 60%;
        line-height: 1.5;
        box-shadow: 0px 0px 4px 1px inset white;
    }
    #agora-size {
        font-family: 'Cinzel', serif;
        color: #ffffff;
        font-size: 30px;
        font-weight: 400;
        transform: scale(1.634,1.634);
    }

    #comprar-size {
        font-family: 'Cinzel', serif;
        color: #ffffff;
        font-size: 20px;
        font-weight: 700;
        transform: scale(1.634,1.634);
    }
    #central {
        display: inline-block;
        position: relative;
        transform: translate(0%,60%);
    }

}

                                                                    /*Quebra de tela 340*/
@media only screen and (max-width: 340px) {

    body {
        background-color: black;
    }

    #botaoesq {
        margin-left: 0px;
    }

    #botaodir {
        margin-right: 0px;
    }

    #botaoesq {
        text-decoration: none;
        align-content: center;
        align-items: center;
        font: normal;
        font-family: 'Cinzel', serif;
        text-align: center;
        text-transform: uppercase;
        color: white;
        border: solid white;
        border-radius: 24px;
        border-width: 3px;
        width: 130px;
        height: 100px;
        padding-top: 11px;
        padding-bottom: 8px;
        z-index: 10;
        margin: auto;
        position: relative;
        display: inline-block;
        transform: translate(0%,0%);
    }

    #botaodir {
        text-decoration: none;
        align-content: center;
        align-items: center;
        font: normal;
        font-family: 'Cinzel', serif;
        text-align: center;
        text-transform: uppercase;
        color: white;
        border: solid white;
        border-radius: 24px;
        border-width: 3px;
        width: 130px;
        height: 100px;
        padding-top: 18px;
        padding-bottom: 10px;
        z-index: 10;
        margin: auto;
        position: relative;
        display: inline-block;
        transform: translate(0%,0%);
        line-height: 1.5;
        box-shadow: 0px 0px 4px 1px inset white;
    }

    .botao {
        position: relative;
        padding-top: 170px;
        top: 28vh;
    }

    #letter-big {
        font-size: 26px;
        font-weight: 400;
    }

    a {
        font-size: 18px;
        font-family: 'Cinzel', serif;
        font-weight: 700;
        line-height: 1;
        text-transform: uppercase;
    }

    /*ajuste das imagens de fundo*/

    #logo_img {
        margin-top: 0px;
        position: relative;
        background: url('../images/empresa_img_768.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vh;
        min-height: 171.59px;
        max-height: 100vh;
        min-width: 340px;
        max-width: 340px;
        margin-bottom: 10vh;
    }

    #logo {
        margin-top: 0%;
        position: relative;
        background: url('../images/gloria_de_portugal_logo_ 768px_1024px.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vh;
        min-height: 171.59px;
        max-height: 100vh;
        min-width: 340px;
        max-width: 340px;
        margin-bottom: 10vh;
    }

    #logo-en {
        margin-top: 0px;
        position: relative;
        background: url('../images/gloria_de_portugal_logo_ 768px_1024px-en.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vh;
        min-height: 171.59px;
        max-height: 100vh;
        min-width: 340px;
        max-width: 340px;
        margin-bottom: 10vh;
    }

    #mao {
        margin-top: 60px;
        position: relative;
        background: url('../images/arte_gloria_1_mao.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 342.30px;
        max-height: 342.30px;
        min-width: 340px;
        max-width: 340px;
        margin-bottom: 50px;
    }

    #personagens {
        margin-top: 30px;
        position: relative;
        background: url('../images/arte_gloria_2_personagens.jpg');
        background-position: left;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 217.46px;
        max-height: 217.46px;
        min-width: 340px;
        max-width: 340px;
        margin-bottom: 50px;
    }

    #caveira {
        position: relative;
        background: url('../images/arte_gloria_3_caveiras.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 217.46px;
        max-height: 217.46px;
        min-width: 340px;
        max-width: 340px;
        margin-bottom: 100px;
    }

    #forte {
        margin-top: 40px;
        position: relative;
        background: url('../images/arte_gloria_4_forte.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vw;
        min-height: 247.03px;
        max-height: 247.03px;
        min-width: 340px;
        max-width: 340px;
    }

    /*Paragrafos geral e hs*/

    .texto-site {
        font-family: 'Cinzel', serif;
        color: #fefefe;
        font-size: 14px;
        font-weight: 400;
        text-shadow: 1px 1px 3px gray, -1px -1px 1px gray;
        line-height: 1;
        text-transform: uppercase;
        display: inline-block;
        position: relative;
    }

    h1 {
        font-family: 'Cinzel', serif;
        font-size: 25px;
        font-weight: 500;
        text-shadow: -4px 6px 4.55px #000000;
        color: white;
        text-transform: uppercase;
    }

    /* paragrafo mao*/

    #mao-p-1 {
        transform: translate(0%,50%);
    }

    #mao-p-2 {
        width: 150px;
        transform: translate(0%,150%);
    }

    #mao-p-3 {
        transform: translate(0%,500%);
    }

    /* paragrafo personagens*/

    #personagens-p-1 {
        transform: translate(0%,-200%);
    }

    #personagens-p-2 {
        width: 150px;
        transform: translate(-0%,150%);
    }

    #personagens-p-3 {
        transform: translate(0%,1000%);
    }

    /* paragrafo caveiras*/

    #caveiras-p-1 {
        transform: translate(0%,100%);
    }

    #caveiras-p-2 {
        transform: translate(0%,800%);
    }

    /* paragrafo forte*/

    #forte-p-1 {
        transform: translate(0%,-100%);
    }
    /* footer*/
    .foot {
        padding-bottom: 35px;
        margin-bottom: 30px;
    }

    .copyright {
        font-family: 'Cinzel', serif;
        font-size: 12px;
        text-transform: initial;
        font-weight: 400;
        color: white;
        padding-top: 5px;
        padding-bottom: 10px;
        margin-bottom: 0px;
        height: 20px
    }

    .idade {
        height: 35px;
        width: 35px;
    }
    /*botao central e h1 do forte */

    #botaocent {
        text-decoration: none;
        align-content: center;
        align-items: center;
        font: normal;
        font-family: 'Cinzel', serif;
        text-align: center;
        text-transform: uppercase;
        color: white;
        border: solid white;
        border-radius: 16px;
        border-width: 3px;
        width: 120px;
        height: 70px;
        padding-top: 3px;
        padding-bottom: 10px;
        z-index: 10;
        margin: auto;
        position: relative;
        display: inline-block;
        transform: translate(0%,00%);
        top: 0%;
        line-height: 1.5;
        box-shadow: 0px 0px 4px 1px inset white;
    }

    #agora-size {
        font-family: 'Cinzel', serif;
        color: #ffffff;
        font-size: 25px;
        font-weight: 400;
        transform: scale(1.634,1.634);
    }

    #comprar-size {
        font-family: 'Cinzel', serif;
        color: #ffffff;
        font-size: 15px;
        font-weight: 700;
        transform: scale(1.634,1.634);
    }

    #central {
        display: inline-block;
        position: relative;
        transform: translate(0%,0%);
    }
}