@font-face {
   font-family: "Nunito";
   src: local(Nunito), url("fonts/Nunito-Regular.ttf");
}
@font-face {
	font-family: "Gotham";
	src: local(Gotham), url("fonts/Gotham-Regular.ttf");
}
@font-face {
	font-family: "Gotham";
	src: local(Gotham), url("fonts/Gotham-Bold.ttf");
	font-weight: 700;
}
@font-face {
	font-family: "Gotham";
	src: local(Gotham), url("fonts/Gotham-Book.otf");
	font-weight: 200;
}
@font-face {
	font-family: "BaskervilleBT";
	src: local(BaskervilleBT), url("fonts/BaskervilleBT-Italic.ttf");
	font-style: italic;
}
body{
	font-family: "Nunito";
}
p {
	text-align: justify;
}
.nav-link{
	font-size:0.8rem;
	width:max-content;
}
.nav-pills .nav-link{
	border-radius: 0;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	background-color: transparent;
	border-bottom: solid 1px #fff;
}
.carousel-caption{
	text-align: left;
	top:28%;
	left: 19.55%;
}
.carousel-title{
	font-family: "Gotham";
	font-size: 1.5vw;
	color: #f7941e;
}
.carousel-text{
	font-family: "Gotham";
	font-weight: 700;
	font-size: 4.5vw;
}
.navbar-toggler {
    padding: 1.25vw 3.75vw;
    font-size: 2.25vw;
    line-height: 1;
    background-color: transparent;
    border: 0.5vw solid transparent;
    border-radius: 0.25vw;
    transition: box-shadow .15s ease-in-out;
}
.navbar-brand img {
	width:15vw;
}
.b-t {
	margin-top:8%;
	font-family: "Gotham";
	font-weight: 700;
	font-size: 1.7vw;
	text-align: center;
	color: #333333;
}
.b-p {
	margin-top:1.4%;
	font-family: "Gotham";
	font-weight: 200;
	font-size: 1.03vw;
	text-align: center;
	color: #333333;
}
hr {
	height: 0!important;
	margin: 4.8% 19.5%;
	border: 0;
	border-top: 0.2vh solid #333333;
}
.diferenciais {
	margin: 0 7% 8% 7%;
}
.col-n {
	font-size:1.6vw;
	float: left;
	color: #f7941e;
}
.col-t {
	margin-top: 1.4%;
	text-align: left;
	font-family: "Gotham";
	font-weight: 700;
	font-size: 1.2vw;
	color: #333333;
}
.col-p {
	float:left;
	text-align: left;
	font-size: 0.95vw;
	margin-left: 10%;
}
#servico {
	padding: 0;
	margin: 0;
}
#servico .col{
	font-family: "Gotham";
}
#servico .col img{
	margin: 0;
	padding: 0;
}
#servico .col .conteudo h2{
	font-size: 2.2vw;
	font-weight: 700;
	color: #f7941e;
}
#servico .col .conteudo p{
	font-size: 1.2vw;
	font-weight: 800;
	width: 30vw;
	color: #ffffff;
}
.conteudo{
	padding: 9vw 0 0 10vw;
	max-height: 30vh;
}
#sobre{
	padding: 0;
	margin: 0;
}
#sobre .col{
	font-family: "Gotham";
}
#sobre .col img{
	margin: 0;
	padding: 0;
}
#sobre .col .sobre h2{
	font-size: 1.8vw;
	font-weight: 700;
	color: #262626;
}
#sobre .col .sobre p{
	font-size: 1.2vw;
	font-weight: 200;
	width: 22vw;
	color: #ffffff;
}
.sobre{
	max-height: 30vh;
}
.img-round{
	border-radius: 50%;
}
#case {
	padding: 10vw 0;
}
#case p{
	font-family: "Gotham";
	font-size: 1.2vw;
	font-weight: 200;
	color: #ffffff;
}
#case h1{
	font-family: "Gotham";
	font-size: 1.2vw;
	color: #ffffff;
}
#case h2{
	font-family: "BaskervilleBT";
	font-style: italic;
	font-size: 0.8vw;
	color: #f7941e;
}
.p-comment {
	padding: 0 5vw;
}
#contato {
	padding: 3vw 0 0 0;
}
#contato img{
	width: 1.5vw;
	margin-right: 1vw;
}
#contato .contato-brand {
	width: 12vw;
}
#contato p{
	font-family: "Gotham";
	font-size: 0.8vw;
}
.contato-content {
	padding-top: 8vw;
	margin: 0 19vw;
}
.contato-content input {
	width: 18vw;
	margin: 0 auto;
	background-color: #000000;
	border-radius: 5vw;
	border: 0;
}
.contato-content button {
	font-size: 0.8vw;
	width: 18vw;
	max-height: 2vw;
	background-color: #f7941e;
	border-radius: 5vw;
	border: 0;
}
.contato-content button:hover {
	background-color: #333333;
	font-weight: 700;
}
.contato-content input::placeholder {
	font-size: 0.8vw;
	color: #ffffff;
}
.contato-content-left{
	align-self: flex-end;
}
.space {
	padding-top: 3rem;
	padding-bottom: 3rem;
}
@media screen and (max-width: 991px) {
	body {
		padding-top: 3.5rem;
	}
	.navbar-brand img{
		width:35vw;
	}
	.navbar-dark .navbar-toggler{
		margin-top: 0!important;
		max-height: 4rem;
	}
	.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .nav-link:hover {
		background-color: transparent;
		border-bottom: none;
		color: rgba(255,255,255,0.55)
	}
	.p-comment {
		padding: 1vh 5vw;
	}
	.carousel-caption{
		top:10%;
		left: 19.55%;
	}
	.carousel-title{
		font-size: 4vw;
	}
	.carousel-text{
		font-size: 4.5vw;
	}
	.navbar-brand img {
		width:35vw;
	}
	.b-t {
		margin-top:8%;
		font-size: 2.7vw;
	}
	.b-p {
		margin-top:1.4%;
		font-size: 1.7vw;
	}
	hr {
		height: 0!important;
		margin: 4.8% 4.5%;
		border-top: 0.1vh solid #333333;
	}
	.diferenciais {
		margin: 0 0 8% 0;
		padding-right: 0;
	}
	.col-n {
		font-size: 3vw;
	}
	.col-t {
		margin-top: 1.4%;
		font-size: 2.3vw;
	}
	.col-p {
		font-size: 2vw;
		margin-left: 0;
	}
	#servico {
		padding: 0;
		margin: 0;
	}
	#servico .col .conteudo h2{
		font-size: 3.5vw;
	}
	#servico .col .conteudo p{
		font-size: 1.32vw;
		width: 30vw;
	}
	.conteudo{
		padding: 8vw 0 0 11vw;
	}
	#sobre .col .sobre h2{
		font-size: 3vw;
	}
	#sobre .col .sobre p{
		font-size: 2vw;
		width: 45vw;
		margin: 0;
	}
	.sobre{
		max-height: 30vh;
	}
	.img-round{
		border-radius: 50%;
	}
	#case p{
		font-size: 2vw;
	}
	#case h1{
		font-size: 2.4vw;
		margin: 0;
	}
	#case h2{
		font-size: 1.5vw;
		margin: 0;
	}
	.p-comment {
		padding: 0 1vw;
	}
	#contato img{
		width: 3vw;
		margin-right: 1vw;
	}
	#contato .contato-brand {
		width: 25vw;
	}
	#contato p{
		font-size: 2vw;
	}
	.r-p {
		font-size: 1.5vw!important;
		margin: 0 0 3vw 0!important;
	}
	.contato-content {
		padding-top: 8vw;
		margin: 0 10vw;
	}
	.contato-content input {
		width: 33vw;
		max-height: 5vw;
	}
	.contato-content button {
		font-size: 3vw;
		width: 33vw;
		max-height: 5vw;
		border-radius: 5vw;
		border: 0;
	}
	.contato-content input::placeholder {
		font-size: 2vw;
	}
	.contato-content-left{
		align-self: center;
	}
	.btn {
		padding: 0;
	}
	.space {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
}
