﻿
@media (max-width: 480px) {

    /*----------------------------------CSS Geral----------------------------------*/
    h1.titulo { font-size: 1.4em; margin:12% 0 0;}
    h1.titulo span { line-height: 50px; }

    /*----------------------------------CSS Menu Superior----------------------------------*/
    header.menu { margin:9px auto 0; }
    div.logo { width: 23%; }
    img.logo { width: 100%; }

    /*----------------------------------CSS Conceitual--------------------------------------*/
    .conceitual img.fones { width: 83%; margin-top: 12%; }

    /*----------------------------------CSS TXTDestaque ||  CSS TXTDestaque2----------------------------------*/
    .txtDestaque p { font-size: 1.3em; line-height: 25px; margin: 17% auto; }
    .txtDestaque2 p { font-size: 1.2em; height: 63px; }
    .txtDestaque2 p span { font-size: 1.7em; line-height: 40px; }

    /*----------------------------------CSS TXTImgFundo----------------------------------*/
    .txtImgFundo p { font-size: 2em; }
    .txtImgFundo p span { line-height: 37px; font-size: 1em; }
    #parallaxImgFundo .content { padding: 70% 0 0 0; }

    /*----------------------------------CSS Slider----------------------------------*/
    section.slider header { margin: 25% 0 0; }
    section.slider header h1 { font-size: 1.4em; line-height: 25px; }
    section.slider ul.slide { height: 55%; margin: 10% 0 0; }
    section.slider #slider li.item h1 { font-size: 2.5em; }
    section.slider #slider li.item p { font-size: 0.8em; }
    section.slider span.ant, section.slider span.prox { height: 50px; width: 25px; }
    section.slider span.prox { right: 4%; }
    section.slider span.ant { left: 4%; }
    section.slider ul.pontos-slider li { font-size: 4px; padding: 0 6%; margin: 0 1%; }

    /*----------------------------------CSS IMGLinks----------------------------------*/
    .imgLinks img { width: 40%; }

    /*----------------------------------CSS txtPadrao----------------------------------*/
    .txtPadrao { height: calc(77vh - 150px); }
    .txtPadrao p { font-size: 1.2em; width: 90%; margin-top: 8%; }

    /*----------------------------------CSS MENU----------------------------------*/
    ul.menuOpcoes li { display: block; width: 100%; margin: 0; }
    ul.menuOpcoes li div { width: 65px; height: 65px; }
    ul.menuOpcoes li h1 { margin: 3px 0 0; font-size: 1.4em; }
    ul.menuOpcoes li.meio { padding: 0; margin: 40px 0; border:none; }
    
    /*----------------------------------CSS ÍCONE MENU----------------------------------*/
    #menu { width: 38px; transform: translatey(15%); }
    #menu span { height: 2px; }
    #menu span:nth-child(2), #menu span:nth-child(3) { top: 11px; }
    #menu span:nth-child(4) { top:22px; }
    
    /*----------------------------------CSS RODAPÉ----------------------------------*/
    .direitos { height: 6vh; text-align: center; font-size: 0.3em; }
    ul.direitoslist { float: none; width: auto; }
    ul.direitoslist li { float: none; display: inline-block; }
    .reservados { margin:2px 0; }
    .criado { float: none; }

}
