@media only screen and (max-width: 1000px) {

      body{
        font-family: 'Open Sans';
      }


      header{
        float: left;
        width: 100%;
        margin-top: 20px;
        padding-bottom:20px;
        height: 80px !important;
      }


      section{
        margin: 0 auto !important;
        clear: both;
      }

      #logo{
        width: 250px;
        float: left;
        margin-left:20px;
      }

      #menuDesktop{
        display: none;
      }



  #menuMobile{
    float: right;
    width: 60px;
    margin:10px;
  }



            #menuInfoDIV{
              display: none;
              position: absolute;
              float: left;
              width: 100%;
              padding-bottom:50px;
                background-color: #60400c;
                padding-bottom:40px;
                z-index:999;
                height:100vh;
            }

            #menuInfoDIV a{
              width:90%;
              float: left;
              margin-left: 5%;
              font-size:1.3em;
              color:white;
              font-weight: bold;
              margin-top:10px;
              margin-bottom:10px;
              border-bottom:1px solid white;
              text-decoration: none;
            }


              #fecharMenu{
                        float: right;
                        margin:20px;
                        color:white;
                        text-decoration: none;
                        font-weight: bold;
                        font-size: 1.6em;
                      }

      #apresentacao{
        width: 100%;
        height:500px;
        background-color: #60400c;
        background-image: url("../imagens/bgApresentacao1.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
      }

      #fraseApresentacao{
        float: left;
        margin-left: 5%;
        margin-top: 130px;
        font-size:3em;
        color:white;
        width: 70%;
        font-family: Lobster;
        text-shadow: #333 3px 5px 2px;
        line-height: 1;
      }

      #divisor{
        background-image: url("../imagens/divisorBG.png");
        width: 100%;
        height:10px;
      }

      #empresa{
        width: 100%;
        height:auto;
        background-color: #60400c;
      }

      #empresaConteudo{
        width: 80%;
        margin: 0 auto;
        color:white;
        padding-top: 30px;

        padding-bottom:70px;
      }
      #iconEmpresa{
        width: 80px;
      }

      #empresa #empresaConteudo h1{
        font-size: 2em;
        font-weight: 800;
      }

      #empresa #empresaConteudo p{
        font-size: 1em;
        line-height: 1.6;
        margin-top:20px;
        text-align: justify;
      }

      #empresa #empresaConteudo b{
        margin-top:20px;
        font-size: 1.6em;
        font-family: Lobster;
      }


      #parceiros{
        background-color: #212020;
        width: 100%;
        min-height:900px;
      }

      .map {
       float: left;
       margin-top:40px;
       width: 100% !important;
       height:500px;
       font-size: 10px;
      }
      .map .shape {
       transition: all 350ms linear;
      }
      .map .shape:hover {
       fill: brown;
      }
      .map .label-state {
       fill: #fff;
      }
      .map .icon-state {
       fill: #60400c;
      }

      #parceirosDescricao{
        float:left;
        width: 80%;
        font-size: 1.8em;
        color:white;
        text-align: left;
        margin-left: 10%;
        clear: both;

      }


      #novidades{
        background-color: #c1c1c1;
        background-image: url("../imagens/dream.jpeg");
        padding-top:40px;
        width: 100%;
        float: left;
        padding-bottom:50px;
      }

      #novidades #novidadesLista{
        width: 90%;
        margin: 0 auto;
      }

      #bredCumbNovidades{
        background-color:#60400c;
        padding:20px;
        font-size:2.2em;
        color:white;
        margin-bottom:30px;
      }

      #novidadesContent{
        width:96%;
        float: left;
        margin-left:2%;
      }

      #novidadesListaContent{
        width:100%;
        float: left;
      }

      #novidadesItem{
        width:100%;
        background-color:white;
        float: left;
        margin-bottom:20px;
        margin-top:20px;
        padding-bottom:20px;

      }

      #thumb{
        width: 100%;
        height:250px;
        object-fit: cover;
      }

      #novidadesItem a{
        text-decoration:none;
      }

      #novidadesItem p{
        padding-left:10%;
        color:#60400c;
        font-family: arial;
        font-weight: 800;
        font-size:2em;
        width: 80%;
        margin-top:20px;
      }

      #cafeNovidadesIcon{
        margin:auto;
        height:50px;
      }


      footer{
        width:100%;
        clear: both;;
        height:500px;
      }

      footer .esquerda{
        width: 100%;
        float: left;
        display: none;
      }

      footer .direita{
        width: 100%;
        float: left;
        background-color: #60400c;
        padding-bottom:80px;

      }

      #mapa{
        width: 100%;
        float: left;
        height:500px;
        background-color: yellow;

      }

      #logo_brazilian_brother_cofee_quadrada{
        width:250px;
        float: left;
        margin:50px;
        margin-left:100px;
      }

      hr{
        float: left;
        clear: both;
        width: 10%;
        margin-left:100px;

      }


      footer .direita p{
        color:white;
        float: left;
        margin-left: 100px;
        clear: both;
        margin-top:10px;
        width: 60%;
      }


      #instagramLogo{
        float: left;
        width: 50px;
        clear: both;
        float: left;
        margin-left: 100px;
        margin-top:10px;
      }

      #whatsAppLogo{
        float: left;
        width: 50px;
        margin-left: 20px;
        margin-top:10px;
      }


      #voltarTopo{
        position: fixed;
        bottom:10px;
        right:10px;
        width:50px;
        height: 50px;

        display: none;
        z-index:999 !important;
      }



      #fotoMateria{
          width:100%;

      }

      #tituloMateria{
        font-size:2em;
        width: 90%;
        margin-left:5%;
        margin-top:20px;
        float: left;
        font-family: Arial;
      }

      #textoMateria{
        font-size:1em;
        width: 90%;
        margin-left: 5%;
        padding-bottom:30px;
        margin-top:20px;
        float: left;
      }



      #novidadesContent hr{
        float:left;
        clear:both;
        width: 100%;
      }


      #btVoltar{
        padding:20px;
        background-color:black;
        color: white;
        text-decoration: none;
      }



}