.pc {
	display: block;
}

.mobile {
	display: none;
}

.grande {
    display: none;
}


@media (max-width: 750px) {
	.pc {
		display: none !important;
	}

    .grande {
        display: none !important;
    }

	.mobile {
		display: block !important;
	}

    .containerMenu {
        display: inline-block;
        cursor: pointer;
        background: #fff;
        padding: 15px 17px;
        border-radius: 50%;
        position: absolute;
        z-index: 9999999;
        right: 5%;
        top: 10%;
        box-shadow: 0px 0px 10px #0006;
    }

    .bar1, .bar2, .bar3 {
        width: 35px;
        height: 5px;
        background-color: #ed8600;
        margin: 6px 0;
        transition: 0.4s;
    }

    .change .bar1 {
        transform: translate(0, 11px) rotate(-45deg);
    }
    .change .bar2 {opacity: 0;}
    .change .bar3 {
        transform: translate(0, -11px) rotate(45deg);
    }
    header nav.mobMenu{
        display: none;
    }
    header nav.mobMenu.introMenu{
        display: block;
    }
    header nav ul.navbarMob{
        z-index: 999999;
        margin: 0;
        padding: 25px 0 0 !important;
    }
    header.header2 nav ul{
        padding: 5px 30px !important;
    }
    header nav ul.navbarMob li{
        display: inline-block;
    }
    header nav ul.navbarMob li a{
        color: #fff;

    }
    header nav ul.navbarMob li a:hover{
        color: #ed8600;
        text-decoration: none;
    }

    .logoMob{}
    .logoMob img{
        width: 50%;
    }
    .mobile-container {
        max-width: 480px;
        margin: auto;
        background-color: #555;
        height: 500px;
        color: white;
        border-radius: 10px;
    }
    .topnav {
        overflow: hidden;
        background-color: #333;
        position: relative;
    }
    .topnav #myLinks {
        display: none;
    }
    .topnav a {
        float: left;
        color: white;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 17px;
    }
    .topnav a.icon {
        float: right;
    }
    .topnav a:hover {
        background-color: #ddd;
        color: black;
    }
    .active {
        background-color: #04AA6D;
        color: white;
    }
    .globo, .globo1{display: none}
    section.sobreSetor{
        overflow: hidden;
    }
    section.home h1 {
        font-size: 28px !important;
    }
    section.home p {
        font-size: 12px !important;
        width: 100% !important;
    }
    section.sobreSetor h1 {
        font-size: 40px !important;
        text-align: center !important;
    }
    section.sobreSetor p {
        text-align: center !important;
        width: 100% !important;
    }
    section.sobreSetor .quadro {
        background: #fff;
        box-shadow: 0px 10px 10px #0003;
        padding: 30px 25px;
        text-align: center;
        height: 350px;
        /* align-content: center; */
        border-radius: 30px;
        margin: 15px 0;
    }
    section.metodologia{
        padding: 50px 15px !important;
    }
    section.solucoes h5, section.metodologia h5 {
        font-size: 13px !important;
    }
    section.solucoes h1, section.metodologia h1 {
        font-size: 32px !important;
    }
    section.solucoes .quadro, section.metodologia .quadro {
        text-align: center;
        height: auto !important;
        margin: 15px 0!important;
    }
    section.solucoes .quadro h4, section.metodologia .quadro h4 {
        width: 100% !important;
    }
    section.diferenciais {
        padding: 50px 15px !important;
    }
    section.diferenciais .quadro {
        padding: 50px 15px !important;
    }
    section.diferenciais .text {
        padding: 15px !important;
        text-align: center;
    }
    section.diferenciais .text h1 {
        font-size: 40px !important;
    }
    section.contato h1 {
        font-size: 35px !important;
        text-align: center !important;
    }
    section.contato p {
        text-align: center !important;
    } 
    footer, section.metodologia, section.solucoes {
        background: url(../img/Retângulo 59.png);
        background-size: 100% 100% !important;
        background-position: center;
    }
    footer h2 {
        font-size: 20px;
    }
    section.home .quadro {
        text-align: center;
    }
    section.home a {
        margin: 0 auto;
        font-size: 15px !important;
    }
    section.home h4 {
        font-size: 10px !important;
        margin: 0 auto;
    }
}


@media (min-width: 751px) and (max-width: 1200px){
    

}

@media (min-width: 1600px) and (max-width: 2600px) {
   
}


@media (max-width: 1600px) {
    section.diferenciais .globo {
        top: -260px !important;
        right: -170px !important;
    }
    section.sobreSetor .quadro {
        height: 440px !important;
    }
    section.contato .globo {
        top: -170px !important;
        width: 25%;
    }
    section.contato .globo1 {
        bottom: -30px !important;
        width: 30%;
    }
} 

@media (max-width: 1200px) and (min-width:  750px) {
    
    
}