/*
Azul
color: #2B4159;
Vermelho
color: #eb3c36;
*/



	@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');



	body {	
		font-family: "Roboto Condensed", sans-serif;
  	font-optical-sizing: auto;
  	font-style: normal;
		font-weight: 300;
		font-size: 4.5vw;
		padding: 0;
		margin: 0;
	}


	.carousel-lajeado {
		background-image: url(../img/lajeado_576.jpg); 
	}

	.carousel-teutonia {
		background-image: url(../img/teutonia_576.jpg); 
	
	}

/* ---------MENU--------- */


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}


/* Header */
.site-header {
  height: 170px; /* 1vw maior que o logo */
  width: 100%;
  position: relative;
}

.site-header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}

/* Logo */
.logo {
  width: 123px;
}

.logo img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

/* Menu Desktop */
.desktop-menu {
  display: flex;
}

.desktop-menu ul {
  display: flex;
  list-style: none;
}

.desktop-menu li {
  margin-left: 0.5rem;
}

.desktop-menu a {
  text-decoration: none;
  color: #2B4159;

  transition: color 0.3s;
}

.desktop-menu a:hover {
  color: #2B4159;
}

/* Submenu Desktop */
.has-submenu {
  position: relative;
}

.dropdown-icon {
  font-size: 0.7rem;

}

.desktop-menu .submenu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: white;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  min-width: 200px;
  z-index: 1000;
  border-radius: 4px;
  padding: 10px 0;
}

.desktop-menu .has-submenu:hover .submenu {
  display: block;
}

.desktop-menu .submenu li {
  margin: 0;
  display: block;
}

.desktop-menu .submenu a {
  padding: 8px 15px;
  display: block;
  
}

.desktop-menu .submenu a:hover {
  background-color: #f5f5f5;
}

/* Menu Mobile Toggle */
.mobile-menu-toggle {
  display: none;
  background: none;
  border: none;
  cursor: pointer;
  width: 56px;
  position: relative;
  z-index: 1000;
}

.mobile-menu-toggle span {
  display: block;
  width: 100%;
	height: 6px;
  background-color: #2B4159;
  margin: 6px 0;
  transition: all 0.3s;
}

/* Menu Mobile */
.mobile-menu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: white;
  z-index: 999;
  padding-top: 80px;
}

.mobile-menu.active {
  display: block;
}

.mobile-menu ul {
  list-style: none;
  text-align: center;
}

.mobile-menu li {
  margin: 20px 0;
}

.mobile-menu a {
  text-decoration: none;
  color: #2B4159;
  font-size: 1.5rem;
  transition: color 0.3s;
}

.mobile-menu a:hover {
  color: #2B4159;
}

/* Submenu Mobile */
.mobile-menu .submenu {
  display: none;
  margin-top: 10px;
  padding-left: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
}

.mobile-menu .submenu.active {
  display: block;
}

.mobile-menu .submenu li {
  margin: 10px 0;
}

.mobile-menu .submenu a {
  font-size: 1.2rem;
}

.mobile-menu .has-submenu > a {
  display: flex;
  align-items: center;
  justify-content: center;
}

.mobile-menu .dropdown-icon {
  transition: transform 0.3s;
}

.mobile-menu .has-submenu.active .dropdown-icon {
  transform: rotate(180deg);
}

/* Responsividade */
@media (max-width: 574px) {
  .desktop-menu {
    display: none;
  }

  .mobile-menu-toggle {
    display: block;
  }

  /* Ajuste para o botão de menu quando ativo */
  .mobile-menu-toggle.active span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 6px);
  }

  .mobile-menu-toggle.active span:nth-child(2) {
    opacity: 0;
  }

  .mobile-menu-toggle.active span:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -6px);
  }
}


/* ---------SITE--------- */




  .overlay {
    position: absolute;
    height: auto;  
  }


	#servicos > * {
    margin:auto;
    background-color: #e6e7e8;
    
  }

	a {
		text-decoration: none;
	}

	h3 {
		color: #2B4159;
		font-weight: 300;
		font-size: 4vw;
	}

	h3 span {
		font-weight: bold;
	}

	h4 {
    font-size: 5vw;
		color: #2B4159;
	}

	header {
		padding: 0 10vw 0 10vw;
	}

	.cabecalho {
		display: flex;
		justify-content: space-evenly;
	}

	.cabecalho__logo {
		width: 38vw;
	  height: 38vw;
	  padding-left: 2vw;
	}

.cabecalho__menu, .cabecalho__telefone, .cabecalho__aplicativo {
  align-self: center;
}

.capa {
	background-image: url('../img/01.png');
	height: 200px;
	background-size: cover;
	background-position: center;
}


.botao {
  display: inline-block;
  border:
	1px solid #32338e;
    border-top-color: rgb(50, 51, 142);
    border-right-color: rgb(50, 51, 142);
    border-bottom-color: rgb(50, 51, 142);
    border-left-color: rgb(50, 51, 142);
  color: #32338e;
  font-weight: 700;
  padding:
0.5rem;
  border-radius:
5px;
  font-size: .8rem;
  text-align: center;
}

	.capa_1 {
  	background-image: url('../img/01.png');
  	height: 27vw;
    background-size: cover;
    background-position:center;
	}

		.capa_2 {
  	background-image: url('../img/02.png');
  	height: 27vw;
    background-size: cover;
    background-position:center;
	}

		.capa_3 {
  	background-image: url('../img/03.png');
  	height: 27vw;
    background-size: cover;
    background-position:center;
	}

		.capa_4{
  	background-image: url('../img/04.png');
  	height: 27vw;
    background-size: cover;
    background-position:center;
	}



	nav {
		padding-top: 91px;
		z-index: 9999;
	}

	nav ul {
	  list-style: none;
	  padding-left: 0;
	  margin-top: 0;
	  margin-bottom: 0;
	}

	.nav {
	  margin: 0 auto;
	  color:#eb3c36;
	}
	.nav a {
	  display: block;
	  padding: 0 20px;
	  color:white;
	  cursor: pointer;
	}

	.nav__menu {
		display: grid;
	  line-height: 37px;
	  font-size: 21px;
	  font-weight: 400;
	}

	.nav__menu-item {
	  display: inline-block;
	  position: relative;
	}
	.nav__menu-item:hover {
	  background-color: #f5f5f5;
	}
	.nav__menu-item:hover .nav__submenu {
	  display: block;
	}
	.nav__submenu {
	  text-transform: none;
	  display: none;
	  position: absolute;
	  width: 220px;
	  background-color: #f5f5f5;
	  text-align: left;
	  padding: 10px;
	}
	.nav__submenu-item a {
			margin-top: 10px;
	  	margin-bottom: 10px;
			font-size: 18px;
			line-height: 26px;
	}
	.nav__submenu-item:hover {
	  background: rgba(0, 0, 0, 0.1);
	}


	.cabecalho nav, .cabecalho__plantao {
		display: flex;
	}	

	.cabecalho__plantao {
		
		width: 40vw;
  	height: 43vw;
		background-color: #2B4159;
		color: white;
		z-index: 999;
		position: relative;
		top: 0;
		right: 0;
	}

	.cabecalho__plantao--conteudo {
	  
	  position: absolute;
	  bottom: 20px;
	  left: 0;
/*
	  display: grid;
		grid-template-columns: auto 1fr;*/

	}

	.cabecalho__plantao--icone {
		width: 6vw;
  	margin: 7vw 2vw 1vw 3vw;
	}

	.cabecalho__plantao--conteudo h2 {
		font-weight: 300;
	  font-size: 3.5vw;
	  line-height: 5vw;
	  text-align: center;
  	color: white;
  	padding-left: 4px;
	}

	.cabecalho__plantao--conteudo h2 span {
		font-size: 4vw;
		font-weight: 700;
	}


.carousel{
    height: 425px;
    margin-bottom: 0;
    overflow-x: hidden;
    position: relative;
    display: flex;
    justify-content: flex-start;
    overflow-y: hidden; 
    overflow-x: hidden; 
}


.carousel-inner{    
    display: flex;
    transition: all ease .5s;
}

.carousel-text {
    text-align: left;
    margin: 0 5vw 0 5vw;
}

.carousel-item{
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 240px;
}

.carousel-item h1 {
  color: #fff;
  background-color: #eb3c36;
  padding: 1.5vw 3vw 1.5vw 3vw;
  font-size: 4.5vw;
  font-weight: 400;
  margin-bottom: 0;
  display: table;
}

.carousel-item p {
	opacity: .9;
  color: #2B4159;
  background-color: #fff;
  padding: 1.5vw 3vw 1.5vw 3vw;
  margin-top: 0;
  display: table;
  font-size: 4.2vw;
  font-weight: 300;
  text-indent: 0vw;

}

.carousel-indicators{
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.carousel-indicators span{
    display: inline-block;
    background-color: white;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    opacity: .5;
    cursor: pointer;
    margin: 3px;
}

.carousel-indicators span.active{
    opacity: 1;
}



/*.carousel-lajeado {
	background-image: url(../img/lajeado_576.jpg); 
}

.carousel-teutonia {
	background-image: url(../img/teutonia_576.jpg); 
}
*/
	

	.texto {
		padding: 5vw 8vw;
		text-align: justify;
	}

	p {
		text-indent: 3vw;
		margin-top: 3vw;
  	margin-bottom: 3vw;
	}

  section {
        position: relative;
        margin-top: -5px;
  }

	.servicos {
		margin: 0vw 8vw 0vw 8vw;
  	height: 492vw;
	}

	.servicos__item {
		margin-top: -12vw;
	}

	.servicos__item article {
			position: relative;      
	}

	.servicos__item-titulo {
		color: white;
		position: absolute;
    display: flex;
    flex-direction: column;
    top: 70%;
  	padding-left: 10vw;
	}

	.servicos__item-titulo p {
			font-size: 7vw;
  		text-indent: 0;
	}

	.servicos__item-titulo span {
		font-weight: 900;
	}

	.servicos__item-imagem {
	  width: 100%;
  	padding: 3vw;
  	
	}

	.servicos__item-frase {
  	position: relative;
  	top: 115%;
  	text-align: center;
  	background-color: white;
	}



#contato {
	color: #2B4159;
	background-color: #e6e7e8;
	padding: 5vw;


}

.contato {
	display: grid;
	grid-template-columns: 1fr;
	justify-content: center;
}

.div1 {
	grid-row: 1;
	padding: 3vw 3vw 8vw 3vw;
}

.div2 {
	grid-row: 2;
}

.wrapper {  
  margin: auto;
  background-color: white;
  border-radius: 10px;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, .1);
  text-align: center;
  padding-bottom: 30px;
}

.buttonWrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.active {
  background-color: white;
}

.content {
  display: none;
  padding: 10px 20px;
}

.content.active {
  display: block;
}


.mapa {
	width:100%;
	height: 400px;
	border:0;
}

form.form__contato {
    display: table;
    width: 100%;
    text-align: left;
}

/*
div.form__contato {
    display: table-row;
}
*/

form.form__contato h3 {
	padding-top: 30px;
}

label, input, textarea {
	margin-bottom: 6px;
	margin-top: 5px;
}

label {
    padding-right: 10px;
}

input, select {
    display: block;
    width: 100%;
    border: 1px solid #ebebeb;
    padding: 11px 20px;
    box-sizing: border-box;
}   

button {
 
  border: none;
  padding: 10px;
  background-color: #bccbe9;
  color: #232c3d;
  cursor: pointer;
  transition: 0.5s;
  font-size: 19px;

}

button:hover {
  background-color: #d5e3ff;
}

button.active {
  background-color: white;
}

.btn {
  color: white;
  border-radius: .5rem;
  background-color: #2B4159;
	font-size: 5vw;
  padding: 2vw 3vw 2vw 3vw;
}


/* Footer */

footer {
	padding: 5vw 0 5vw 0;
	background-color: #2B4159;
}

.footer {
	display: flex;
	flex-flow: row wrap;
	padding: 50px;
	color: #fff;
	text-align: left;
}

.footer > * {
	flex:  1 100%;
}

.l-footer {
	margin-right: 1.25em;
	margin-bottom: 0;
	
}

.l-footer p {
	font-size: 21px;
	color: white;
}

.footer ul {
	list-style: none;
	padding-left: 0;
}

.footer li {
	line-height: 7vw;
  font-size: 5vw;	
}

.footer li h2 {
	color: #eb3c36;
	margin: 4vw 0 4vw 0;
}

.footer a {
	text-decoration: none;
}

.footer__logo {
	width: 38vw;
}

.r-footer {
	display: flex;
	flex-flow: row wrap;
}

.r-footer > * {
	flex: 1 50%;
	margin-right: 1.25em;
}

.box a {
	color: white;
}

.flex {
	display: inline-flex;
	align-items: center;
}

.h-box {
	column-count: 2;
	column-gap: 1.25em;
}

.b-footer {
	text-align: center;
	color: #999;
	padding-top: 50px;
	font-size: 20px;
}

.footer__icone {
 	width: 30px;
}


/* Existe somente em tela < 768px */

#sidebar {
  position: fixed;
  width: 75%;
  height: 100vh;
  background: #2B4159;
  z-index: 9;
}


.modal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #ffffff;
	transform: scale(1.1);
	opacity: 0;
	visibility: hidden;
	transition: visibility 0.25s ease-in-out, transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
	z-index: 99999999;
}

.show-modal {
	opacity: 1;
	visibility: visible;
	transform: scale(1.0);
}

.modal .container span {
	background-color: lightgray;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 25px;
	text-align: center;
	cursor: pointer;
}

#nav-gestionnaire{
	  display: grid;
		grid-template-columns: auto 1fr;
		float: right;
		padding-right: 35px;
		
}

.publicacoes {
	padding: 11vw 10vw 10vw;
}


.publicacoes h3 {
	color: #2B4159;
}

.publicacoes__lista {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.publicacoes__lista .card {
  background-color: #ffffff;
  cursor: pointer;
  padding: 15px;
  width: 300px;
  border-radius: 10px;
	box-shadow: 0px 5px 15px rgba(0, 0, 0, .1);
}

.publicacoes__lista .card:hover {
  transform: translateY(-5px);
  cursor: pointer;
}
 
.publicacoes__lista .card p {
  color: #000000;
  font-size: 20px;
}
 
.image {
  float: right;
  max-width: 64px;
  max-height: 64px;
}

.blue {
  border-left: 3px solid #4895ff;
}
 
.green {
  border-left: 3px solid #3bb54a;
}
 
.red {
  border-left: 3px solid #b3404a;
}

	.capa {
		height: 72vw;
    background-size: cover;
    background-position:center;
	}

	.capa_1 {
  	background-image: url('../img/01.png');
	}

	.capa_2 {
  	background-image: url('../img/02.png');
	}

	.capa_3 {
  	background-image: url('../img/03.png');
	}

	.capa_4 {
  	background-image: url('../img/04.png');
	}


 
.servicos__item-frase {
    position: relative;
    top: 93%;
    text-align: center;
    background-color: white;
  }

  .aplicativo {
		padding: 2vw 12vw 12vw;
	}

	  .divider {
  	height: 1vw;
  	background-color: #e6e7e8;
  }


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

	body {
	  font-size: 3.5vw;
	}
/*
	.container {
			max-width: 540px;
	}
*/
	.publicacoes {
  	padding:7vw;
  	text-align: center;
	}

	.servicos__item-titulo p {
	  font-size: 4vw;
	}

	.servicos__item-titulo {
 	 top: 64%;
	}

	.aplicativo {
	  padding: 41vw 8vw 8vw;
	}

	
	#sidebar {
  	width: 65%;
  }	

  .cabecalho__plantao {
  	width: 40vw;
  }	

	.cabecalho__plantao--conteudo h2 {
  	font-size: 3vw;
	}

.cabecalho__plantao--conteudo h2 span {
  font-size: 3.5vw;
 
}

.cabecalho__plantao {
  width: 35vw;
  height: 39vw;
}

.carousel-item p {
  font-size: 3vw;
}

.carousel-item h1 {
  font-size: 3.5vw;
}


 nav {
    padding-left: 0px;
    padding-top: 52px;
  }


.nav a {
   padding:3px 7px;
 
}

	.carousel {
  	height: 460px;
  }

	.carousel-text {
  	width: 87vw;
  }	

.cabecalho__logo {
  width: 32vw;
  height: 32vw;
  padding-left: 0vw;
}


.btn {
  font-size: 3vw;
}

	.servicos {
  	height: 92vw;
	}

	header {
  padding: 0 4vw 0 4vw;
}

.logo {
  width: 135px;
}

.footer li {
  line-height: 7vw;
  font-size: 4vw;
}

.site-header {
  height: 142px;
}



  .servicos__item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    
  }

	.servicos__item-imagem {
    width: 42vw;
    padding: 1vw;
  }

  .servicos__item-frase {
  position: relative;
  top: 115%;
  text-align: center;
  background-color: white;
}


	.capa {
		height: 72vw;
    margin-top: -6vw;
	}

	.carousel-lajeado {
		background-image: url(../img/lajeado_768.jpg); 
	}

	.carousel-teutonia {
		background-image: url(../img/teutonia_768.jpg); 
	
	}


}

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



/*	.container {
		max-width: 720px;
	}		*/



 .cabecalho__logo {
    width: 20vw;
    height: 20vw;
    padding: 1vw;
  }

	.logo {
    width: 150px;
  }

  .site-header {
    height: 160px;
  }

  .carousel {
    height: 509px;
  }

	.cabecalho__plantao--conteudo h2 {
		font-size: 2.3vw;
    line-height: 3vw;
  }

	.cabecalho__plantao--conteudo h2 span {
  	font-size: 2.8vw;
	}

	.cabecalho__plantao--icone {
  	width: 4vw;
  }
  
  .cabecalho__plantao {
		width: 25vw;
    height: 26vw;
  }

  .cabecalho__plantao--icone {
	  margin: 7vw 2vw 1vw 2vw;
	}


  .servicos {
  	padding: 0vw -1vw 2vw -1vw;
  	height: 99vw;
  }	

  .footer li {
  line-height: 5vw;
  font-size: 3vw;
}

  .servicos__item {
		display: grid;
    grid-template-columns: 1fr 1fr;
   
	}

	.servicos__item-imagem {
  	width: 42vw;
	}

	h3 {
	  font-size: 3vw;
	}

	#contato {
	  padding: 12vw;

	}

	.titulo {
		margin-top: 7vw;
	}

	.titulo-imagem {
		max-width: 100%;

	}

  .aplicativo {
		padding: 34vw 8vw 8vw;
		
	}

	.capa {
		height: 36vw;
  }  

	.capa_1 {
  	background-image: url('../img/titulo_1.png');
	}

	.capa_2 {
  	background-image: url('../img/titulo_2.png');
	}

	.capa_3 {
  	background-image: url('../img/titulo_3.png');
	}

	.capa_4{
  	background-image: url('../img/titulo_4.png');
	}

	.carousel-lajeado {
		background-image: url(../img/lajeado_992.jpg); 
	}

	.carousel-teutonia {
		background-image: url(../img/teutonia_992.jpg); 
	
	}

}

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


 body {
    font-size: 2.8vw;
  }

 .aplicativo {
    padding: 18vw 10vw 10vw;
  }

.site-header {
    height: 170px;
  }

   .logo {
    width: 160px;
  }

  .carousel {
    height: 500px;
  }

.carousel-item h1 {
    font-size: 2.5vw;
  }

.carousel-item {
    padding-top: 300px;
  }


  .carousel-item p {
    font-size: 2vw;
  }

  .capa {
    height: 35vw;
    
  }

  .footer__logo {
  width: 21vw;
}

	.cabecalho__logo {
    width: 16vw;
    height: 16vw;
    padding: 1vw;
  }

  .cabecalho__plantao {
    width: 20vw;
    height: 22vw;
  }

  .cabecalho__plantao--icone {
    width: 3vw;
  }

  .cabecalho__plantao--conteudo h2 {
    font-size: 1.6vw;
    line-height: 2.6vw;
  }

 	.cabecalho__plantao--conteudo h2 span {
    font-size: 2vw;
    line-height: 2.6vw;
  }	

  .carousel-item {
  	padding-top: 36vw;
	}

	.carousel {
    height: 543px;
  }

	.servicos {
   
		height: 112vw;

  }

	.servicos__item {
    grid-template-columns: 1fr 1fr;
    
  }  

	.servicos__item-imagem {
    width: 42vw;
  }


  .servicos__item-titulo {
	  top: 60%;
  	padding-left: 3vw;
	}


	.carousel-lajeado {
		background-image: url(../img/lajeado_1200.jpg); 
	}

	.carousel-teutonia {
		background-image: url(../img/teutonia_1200.jpg); 
	
	}


}

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

 body {
    font-size: 1.5vw;
  }

  h4 {
  	font-size: 3vw; 
	}

 header {
    padding: 0 7vw 0 7vw;
  }

  .site-header {
height: 156px;
    padding-top: 10px;
  }

.servicos__item-titulo {
    top: 55%;
   
  }

.servicos__item {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }


  .divider {
  	height: 1vw;
  	background-color: #e6e7e8;
  }


	.carousel {
	  height: 475px;
	}

  .carousel-text{
    width: 1240px;
    text-align: left;
  }

  .carousel-item {
  	padding-top: 200px;
  }


	.carousel-lajeado {
		background-image: url(../img/lajeado_1400.jpg); 
	}

	.carousel-teutonia {
		background-image: url(../img/teutonia_1400.jpg); 
	}


.aplicativo {
    padding:
2vw 8vw 8vw;
    margin-top: 20vw;
  }
	
	.servicos--imagem {
		width: 90%;
	}

	 .servicos__item-imagem {
    width: 21vw;
  }

  .servicos__item-titulo p {
    font-size: 2vw;
  }

  .servicos {
    height: 16vw;
  }

	.servicos__item:nth-of-type(2) {
		order: -1;
		text-align: right;
		padding-right: 58px;
	}
	
	.servicos__item--titulo {
		line-height: 0px;
		font-size: 32px;
	}

  .servicos__item--subtitulo {
  	margin-bottom: 22px;	
  	font-size: 23px;
  }	


	.contato {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 50px;
	}


.div1 {
	grid-row: 1;
	padding: 0vw;
}

.div2 {
	grid-row: 1;
}



	.contato__item:nth-of-type(2) {
		order: -1;

	}

.mapa {
    height: 40vw;
    width: 30vw;
  }

	button {
  	font-size: 24px;
	}

	.btn {
	  border-radius: .5rem;
	  font-size: 22px;
	  font-weight: 400;
	  padding: 15px 35px 15px 35px;
	}


	footer {
		padding-left: 100px;
		padding-right: 100px;
	}

	.footer {
		display: grid;
		grid-template-columns: 1fr 2fr;
	}

	.r-footer {
		display: grid;
		grid-template-columns: 1fr auto;
	}

	.l-footer p {
  	font-size: 26px;
	}

	.desktop-menu li {
  margin-left: 1.5rem;
}

 .carousel-item h1 {
    font-size: 1.5vw;
  }

  .carousel-item p {
    font-size: 1.5vw;
  }

	.footer li {
	  line-height: 1.4em;
	  font-size: 22px;
	}
	
	.b-footer {
  	font-size: 23px;
	}

	.footer__logo {
		width: 15vw;
	}
	

}

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


/*  .divider {
  	height: 1vw;
  	background-color: #e6e7e8;
  }

	h3 {
    padding: 6vw;
	}	

	.carousel {
	  height: 51vw;
	  margin-top: 3vw;
	}

  .carousel-text{
    width: 1240px;
    text-align: left;
  }

  .carousel-item {
  	padding-top: 20vw;
  }
*/

	.carousel-lajeado {
		background-image: url(../img/lajeado_1920.jpg); 
	}

	.carousel-teutonia {
		background-image: url(../img/teutonia_1920.jpg); 
	}

/*header {
    padding: 0 6vw 0 6vw;
  }


	nav {
		padding-top: 6vw;
	}

	nav ul {
	  list-style: none;
	  padding-left: 0;
	  margin-top: 0;
	  margin-bottom: 0;
	}

	.nav {
	  margin: 0 auto;
	  color:#eb3c36;
	}
	.nav a {
	  display: block;
	  padding: 0 20px;
	  color:white;
	  cursor: pointer;
	}
	.nav__menu {
	  line-height: 37px;
	  font-size: 23px;
	  font-weight: 400;
	}
	.nav__menu-item {
	  display: inline-block;
	  position: relative;
	}
	.nav__menu-item:hover {
	  background-color: #f5f5f5;
	}
	.nav__menu-item:hover .nav__submenu {
	  display: block;
	}
	.nav__submenu {
	  text-transform: none;
	  display: none;
	  position: absolute;
	  width: 220px;
	  background-color: #f5f5f5;
	  text-align: left;
	  padding: 10px;
	}
	.nav__submenu-item a {
			margin-top: 10px;
	  	margin-bottom: 10px;
			font-size: 21px;
			line-height: 26px;
	}
	.nav__submenu-item:hover {
	  background: rgba(0, 0, 0, 0.1);
	}



	main {

		margin-top: -100px;
	}



	.servicos {
		display: grid;
		padding: 0vw;
	}
	
	.servicos--imagem {
		width: 90%;
	}


	.servicos__item:nth-of-type(2) {
		order: -1;
		text-align: right;
		padding-right: 58px;
	}
	
	.servicos__item--titulo {
		line-height: 0px;
		font-size: 32px;
	}

  .servicos__item--subtitulo {
  	margin-bottom: 22px;	
  	font-size: 23px;
  }	

  .aplicativo {
		padding: 2vw 8vw 8vw;
	}

	.contato {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 50px;
		width: 1070px;
	}

	.contato__item:nth-of-type(2) {
		order: -1;

	}

	.mapa {
  	height: 550px;
	}

	button {
  	font-size: 24px;
	}

	.btn {
	  border-radius: .5rem;
	  font-size: 22px;
	  font-weight: 400;
	  padding: 15px 35px 15px 35px;
	}

	.capa {
		height: 27vw;
    margin-top: 2vw;
  }  

  .site-header {
    height: 28vw;
  }


 body {
    font-size: 2.3vw;
  }

.logo {
    width: 17vw;
  }

	.footer {
		display: grid;
		grid-template-columns: 1fr 2fr;
	}

	.r-footer {
		display: grid;
		grid-template-columns: 1fr auto;
	}

	.l-footer p {
  	font-size: 26px;
	}

	.footer li {
	  line-height: 1.4em;
	  font-size: 22px;
	}
	
	.b-footer {
  	font-size: 23px;
	}

	*/


	body {
    font-size: 24px;
  }

	 .logo {
    width: 175px;
  }

	.footer__logo {
    width: 180px;
  }

  .site-header {
    height: 165px;
    z-index: 999;
    background-color: white;
    padding-top: 12px;
  }

  .carousel {
    max-height: 42vw;
    width: 100%;
  }

  .carousel-item h1 {
    font-size: 24px;
  }

  .carousel-item p {
    font-size: 24px;
  }

  .carousel-item h1 {
 	 padding: 8px 15px 8px 15px;
 	}

 	.carousel-item p {
 		padding: 8px 15px 8px 15px;
 	}

 	.carousel-item p {
  	margin-top: 0vw;
  }


}

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

  .carousel {
    max-height: 35vw;  
  }

.carousel-item {
    padding-top: 309px;
  }


}