body {
  font-family: "Montserrat";
  background-color: rgb(235, 255, 235);
}

/* navbar Inicio*/

.line {
  width: 30px;
  height: 4px;
  background: black;
  margin: auto;
  margin-top: 4.5px;
}

.nav-link{
  color: #000000;
}

.nav-item{
  padding: 0% 2%;
}

/*Smartphone*/
@media only screen and (max-width: 480px){
  .navbar {width: 90%;
    background-color: #fff;
    line-height: 30px;
    cursor: pointer;
    border-radius: 30px;
    top: 3%;
    margin: auto;
    opacity: 0.8;
  }
}

/*Smartphone*/
@media only screen and (min-width: 480px){
  .navbar {width: 70%;
    background-color: #fff;
    line-height: 30px;
    cursor: pointer;
    border-radius: 30px;
    top: 3%;
    margin: auto;
    opacity: 0.8;}
}

/*Fim Navbar*/

.separa-carousel{
  margin-top: 15px;
}

/*Sobre Inicio*/

.flex-container {
  display: flex;
  justify-content: center;
  flex-wrap: no-wrap;
}

@media only screen and (max-width: 768px){
  .flex-container{flex-wrap: wrap;}
  .flex-imagem{width: 80%;}
  .controle{width: 80%;}
}

.flex-container > div {
  margin: 10px;
  padding: 20px;
  font-size: 30px;
}

/*Sobre Fim*/



/* Galeria de imagens Início */

.galeria {float: left;}
    .galeria-image {float: left; width: 100%;}
    .galeria-image img {width: 100%; max-height: 360px;}

/*Smartphone*/
@media only screen and (max-width: 480px){
    .galeria{width: 95%; height: 220px; margin: 10% 2.5% 5% 2.5%;}
}

/*Tablet*/
@media only screen and (min-width: 481px) and (max-width: 768px){
    .galeria{width: 45%; height: 220px; margin: 40px 2.5% 80px 2.5%;}
}

/*Desktop*/
@media only screen and (min-width: 769px){
    .galeria{width: 20%; height: 280px; margin: 20px 2.5% 0px 2.5%;}
}

/* Galeria de imagens Fim */



/* Carousel 2 */

.h1car2 {
  bottom: 10%;
  font-size: 25px;
  color: chocolate;
}

.h5car2 {
  font-size: 25px;
  color: chocolate;
}

.Pcar2 {
  font-size: 25px;
  color: chocolate;
}

.botão {
  border-radius: 50%;
  font-size: 20px;
  border: 2px solid;
  border-color: gainsboro;
  color: chocolate;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  transition-duration: 0.8s;
}

/* carousel 2 fim */



/* ultimas novidades */

.ultimas {
  font-size: 40px;
  color: chocolate;
  text-align: center;
}


.novidades{float: left; font-family: Verdana,sans-serif; font-size: 16px; }
    .novidades-image{float: left; width: 100%;}
    .novidades-image img{width: 100%; max-height: 360px;}
    .novidades-titulo{float: left; width: 100%; padding: 10px 0; text-align: center; color: #FFFFFF; background: #000000; font-weight: bold;}
    .novidades-texto{float: left; width: 100%; padding: 10px 0; text-align: center; line-height: 25px;}

/*Smartphone*/
@media only screen and (max-width: 480px){
    .novidades{width: 95%; height: 200px; margin: 5px 2.5% 150px 2.5%;}
}

/*Tablet*/
@media only screen and (min-width: 481px) and (max-width: 768px){
    .novidades{width: 45%; height: 200px; margin: 20px 2.5% 100px 2.5%;}
}

/*Desktop*/
@media only screen and (min-width: 769px){
    .novidades{width: 20%; height: 300px; margin: 30px 2.5% 30px 2.5%;}
}





.rodapeinicio {
  color: white;
  text-align: center;
}
.fl{
    float: left;
    width: 33.33%;
}

.footer {
  width: 100%;
  height: 100%;
  border-top: 25px solid dimgray;
  background-color: maroon;
  color: white;
  text-align: center;
  padding: 40px;
}

.LadoEsquerdo{
  float: left;
  width: 65%;
}


/*Smartphone*/
@media only screen and (max-width: 480px){
	.Footer{float:left; width: 100%; background: #fff; border-top: 20px solid rgb(70, 207, 111); font-family: Verdana,sans-serif; font-size: 17px; line-height: 35px;}
		.FooterTexto{float:left;  width: 90%; margin: 20px 5%; text-align: center;}
		.FooterImage{float:left; width: 100%; text-align: center;}
}

/*Tablet*/
@media only screen and (min-width: 481px) and (max-width: 768px){
	.Footer{float:left; width: 100%; background: #fff; padding: 20px; border-top: 20px solid rgb(70, 207, 111); font-family: Verdana,sans-serif; font-size: 17px; line-height: 35px;}
		.FooterTexto{float:left;  width: 100%; text-align: center; margin-bottom: 20px;}
		.FooterImage{float:left; width: 100%; text-align: center;}
}

/*Desktop*/
@media only screen and (min-width: 769px){
	.Footer{float:left; width: 100%; background: #fff; padding: 20px; border-top: 20px solid rgb(70, 207, 111); font-family: Verdana,sans-serif; font-size: 17px; line-height: 35px;}
		.FooterTexto{float:left; margin-left: 5%; width: 60%;}
		.FooterImage{float:left; margin-right: 5%; width: 30%; text-align: right;}
}