@import 'bootstrap.min.css';
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&family=Lato:wght@100;300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Unna:ital@0;1&display=swap');
html, body{
	padding: 0;
	margin: 0;
	font-family: 'Lato', sans-serif;
}
.wrapper{
	max-width: 1200px;
	margin: 0 auto!important;
	position: relative;
	padding: 0 20px;
}

.container{
	max-width: 900px!important;
	margin: 0 auto;
	position: relative;
}
.hero{
	text-align: center;
	padding-top:50px
}
.logo{
	text-align: center;
	position: absolute;
	z-index: 2;
	top:30px;
	margin-top: 4%;
	width: 100%;
}
.logo img{
	width: 300px;
}
.prox{
	text-align: center;
	padding: 80px 0;
	color: #41526D;
	font-size: 40px;
	letter-spacing: 5px;
	font-weight: 500;
}
.info{
	text-align: center;
	color: #41526D;
	font-size: 28px;
	font-weight: 500;
}
.mail{
	font-size: 22px;
	text-align: center;
}
.container{
	max-width:1280px;
	padding: 0 20px;
	margin: 0 auto;
}
.plantas{
	text-align: right;
}
.plantas img{
	padding: 10px 0;
}
.renders img{
	padding: 10px 0;
}
.mt-100{
	margin-top: 100px;
}
.mt-200{
	margin-top: 200px;
}
.d-flex{
	display:flex;
}
.left{
	width: 53%;
}
.right{
	width: 47%;
}
.pl-20{
	padding-left: 20px;
}
img{
	max-width: 100%
}
h1, h2, h3{
	font-family: 'Unna', serif;
	font-weight: normal;
}
h1{
	font-size: 60px;
	line-height: 60px;
}
h2{
	font-size: 60px;
	line-height: 60px;
}
.text-color-1{
	color: #9b615b;
}
.color-1{
	color: #9b615b;
}
.text-color-2{
	color: #41526D;
}
.color-2{
	color: #41526D;
}
.color-3{
	color: #9e856f;
}
p{
	font-size: 16px;
	line-height: 28px;
}
p.text-unna{
	font-family: 'Unna', serif;
	font-size: 19px;
}
p.caption{
	font-size: 14px;
	line-height: 16px;
	padding-top: 6px;
}
.planta:first-child {
	margin-right: 4rem;
}
.plantas-container{
	display: flex;
}
.planta-horizontal{
	width: 100%;
}
.planta-vertical{
	width: 80%;
	display: none;
	margin: auto;
}
.plantas-lofts{
	display: flex;
}
.card img:hover{
	transform: scale(1.3);
	transition: all .5s ease;
	z-index: 2;
}
.card img{
	transition: all .5s ease;
}

@media screen and (max-width: 960px) {
	.logo{
  		top: 15px;
	}
	.logo img{
	  	width: 240px;
	}
	.container{
		max-width: 760px!important;
	}
	h1,h2{
  		font-size: 50px;
  		line-height: 50px;
  	}
}
@media screen and (max-width: 768px) {
	.logo{
  		top: 10px;
	}
	.logo img{
	  	width: 200px;
	}
	.container{
		max-width: 600px!important;
	}
	h1,h2{
  		font-size: 40px;
  		line-height: 40px;
  	}
  	p{
  		font-size: 16px;
  		line-height: 24px;
  	}
  	p.text-unna{
		font-family: 'Unna', serif;
		font-size: 18px;
	}
	p.caption{

	}
	.reference{
		width: 100%;
		max-width: 200px;
	}
}

@media screen and (max-width: 640px) {
	.wrapper{
		padding: 0;
	}
	.container{
		max-width: 540px!important;
	}
	h1,h2{
  		font-size: 36px;
  		line-height: 36px;
  	}
  	.logo{
  		top: 15px;
  	}
  	.logo img{
  		width: 200px;
  	}
  	.prox{
		padding: 50px 0;
		font-size: 20px;
		letter-spacing: 2px;
	}
	.info{
		font-size: 16px;
	}
	.mail{
		font-size: 14px;
	}
	.plantas img{
		padding:5px 0;
	}
	.renders img{
		padding: 5px 0;
	}
	.reference{
		width: 100%;
		max-width: 120px;
	}

}
@media screen and (max-width: 480px) {
	.logo img{
  		width: 150px;
  	}
  	h1{
  		font-size: 30px;
  		line-height: 30px;
  	}
  	.plantas-container{
  		display: block;
  	}
  	.planta:first-child {
    	margin-right: 0;
    	margin-bottom: 2rem;
	}
	
  	.planta-horizontal{
  		display: none;
  	}
  	.planta-vertical{
  		display: block;
  		width: 80%;
  		margin-bottom: 2rem;
  	}
  	.plantas-lofts{
		display: block;
	}

}
.carousel-indicators{
	bottom: 50px!important;
}