img{
  max-width: 100%;
}

section{
	padding: 50px 0;
}

.btn.btn-primary {
	background-color: #00abb4;
	border-radius: 0;
	border-color: #00abb4;
	padding-top: 3px;
	padding-bottom: 3px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
}

.header{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 500px;
  background-image: url("assets/imagem_fundo1.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.header img {
	max-width: 600px;
}

.intro img{
	margin-top: -150px;
	box-shadow: 0 0 15px 1px rgb(0 0 0 / 15%);
}
.intro h3 {
	font-style: italic;
	margin-bottom: 40px;
}
.intro p {
	font-size: 18px;
}

.about .card {
	height: calc(100% - 65px); /* same as margin */
	border: none;
	background: #eff2f1;
	padding: 20px;
	margin-top: 65px;
}
.about [class^="col-"]:nth-of-type(2) .card {
	background: #e3f5f6;
}
.about [class^="col-"]:nth-of-type(3) .card {
	background: #f9f7e3;
}
.about .card img {
	max-width: 200px;
	margin-top: -130px;
	margin-right: auto;
	margin-left: auto;
}

.quote{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.quote .title{
	margin-bottom: 30px;
	text-align: center;
	font-style: italic;
}

.contact{
	background: #efefef;
	text-align: center;
}

#footerwrap {
	padding-top: 70px;
	padding-bottom: 50px;
	background-color: #2f2f2f;
}
#footerwrap p {
	color: #f2f2f2;
	margin-left: 10px;
}

.modal-body {
	padding-left: 60px;
	padding-right: 60px;
	padding-bottom: 60px;
}

.modal-header {
	padding-left: 60px;
	padding-right: 60px;
	padding-top: 60px;
	border: none;
}

@media all and (max-width: 768px){
	.header img {
		max-width: 300px !important;
	}

	.intro img{
		margin-bottom: 30px;
	}

	.about .col-12 {
		margin-bottom: 70px;
	}

	.modal-body {
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 15px;
	}
	
	.modal-header {
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 15px;
		border: none;
	}
}