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

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


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


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

#logo{
  width: 250px;
  float: left;
}


#menuInfoDIV{
    display: none;
}

#menuMobile{
    display: none;
}

#menuDesktop{
  float: right;
}

#menuDesktop a{
  text-decoration: none;
  color:#60400c;
  float:right;
  font-size:1.3em;
  border-radius:30px;
  padding:15px;
  background-color:#fff;
  margin:20px;

}

#menuDesktop a:hover{
  text-decoration: none;
  color:white;
  float:right;
  font-size:1.3em;
  border-radius:30px;
  padding:15px;
  background-color:#60400c;
  margin:20px;
}

#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:4.5em;
  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: 60%;
  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: 1.2em;
  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%;
  height: 550px;;

}

.map {
 float: left;
 margin-left:240px;
 margin-top:40px;
 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: 25%;
  margin-top:70px;
  font-size: 2.2em;
  color:white;
  text-align: right;

}


#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.8em;
  color:white;
}

#novidadesContent{
  width:80%;
  float: left;
  margin-left:10%;
}

#novidadesItem{
  width:30%;
  min-height:450px;
  background-color:white;
  float: left;
  margin-top:70px !important;
  margin-right:30px;

}

#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:70px;
}


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

footer .esquerda{
  width: 50%;
  float: left;
  height:500px;
}

footer .direita{
  width: 50%;
  float: left;
  height:500px;
  background-color: #60400c;

}

  #mapa{
    height: 500px;
    width: 100%;
    border-radius: 0;
    overflow: hidden;
  }
  
  

#logo_brazilian_brother_cofee_quadrada{
  width:200px;
  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;
}

#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:600px;

}

#tituloMateria{
  font-size:3em;
  width: 600px;
  font-family: Arial;
}

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

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


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

}