/* 
#424750 - Cinza Azulado 
#242E37 / #1c1e22 - Preto Azulado (eu gostei mais de um back mais escuro tlgd mas dps nois conversa e decide man)
#19D3DA - Azul Claro (Ciano)
 */

/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Parisienne&display=swap');
* { 
	font-family: 'Trebuchet MS', sans-serif;
	font-weight: 300;
	font-size: 13px;
	color: white;
}

html {
	scroll-behavior: smooth; /*isso faz com que a rolagem da tela ao clicar no link fique mais suave*/
}

html, body {
	height: 100%;
	margin: 0;
}

p {
	font-size: 15px;
}

.cards-style {
	width: 300px;
	height: 250px;
}

.h3 {
	padding: 2.5rem;
}

.interface {
	background-color: #20252a;
	margin: -20px 0; 
}

.selected {
	color: #19D3DA!important;
}

.selected:after {
    content: '';
    height: 2px;
    background: #19D3DA; 
    display: block;
}

/*Navbar*/

.navbar {
	margin: 0!important;
}
.navbar-expand-md .navbar-nav .nav-link {
	padding: 3rem 1.5rem;
	color: #FFFFFF;
}

.navbar-expand-md .navbar-nav .nav-link:hover {
	color: #19D3DA;
	transition: color 0.4s;
}

.sections {
	height: 100vh;
}

/*Início*/

.row {
	margin-top: 15vh;
}

.logo, .about-us {
	align-self: center;
}

.about-us p {
	margin: 0 1.5rem;
	text-align: justify;
	text-indent: 2.5rem;
	font-weight: 100;
	font-size: 28pt;
	font-family: "Roboto";
}

.inicio-middle-border {
	border-left: 1px solid #19D3DA;	
}
/*Serviços*/

.section-servicos {
	padding-bottom: 50px;
}

.ajuste-tamanho {
	width: 900px;
}

.bg-card {
	background: #424750;
}

.btn-buy{
	background: #19D3DA;
	color: #242E37;
}

.btn-buy:hover {
	background: #10adb3;
	color: #fff;
	transition: color 0.4s;
}


.bg-footer {
	background: #191c24;
}

.bg-arrow-up {
	color: #10adb3;
	background-color: #191c24;
}

/*FOOTER*/

#contato {
	display: block;
}

footer ul li a {
	color: #fff;
}

footer ul li a:hover {
	color: #19D3DA;
	transition: color 0.4s;
}

footer a i:hover {
	color: #19D3DA;
	transition: color 0.4s;
}
/* MEDIA QUERIES */
/* ---------------------------------------- */

/* Dispositivos extra small (telefones em modo retrato, com menos de 576px) */
@media (max-width: 575.98px) { 
	.about-us .h4{
		margin-top: 4rem;
	}
	.about-us p{
		margin-top: 50px	;
		font-size: 14pt;
	}
	.section-servicos {
		padding-bottom: 0;
	}
 }

/* Dispositivos small (telefones em modo paisagem, com 576px ou mais) */
@media (min-width: 576px) and (max-width: 767.98px) { 
	.about-us .h4{
		margin-top: 4rem;
	}
	.logo {
		width: 75%;
	}
	section-servicos {
		padding-bottom: 0;
	}
 }

/* Dispositivos médios (tablets com 768px ou mais) */
@media (min-width: 768px) and (max-width: 991.98px) { 
	#inicio .row {
		margin-top: 7rem;
	}
	.logo {
		margin-top: 4rem;
	}
 }

/* Dispositivos large (desktops com 992px ou mais) */
@media (min-width: 992px) and (max-width: 1199.98px) { 

}

/* Dispositivos extra large (desktops grandes com 1200px ou mais) */
@media (min-width: 1200px) { 
 }