body {
	background-color: black;
}

#main_section {
	width: 100%;
	min-height: 100vh;
}

.main_introduction {
	width: 100%;
	height: auto;
	min-height: 80vh;
	display: flex;
	justify-content: space-between;
	padding-top: 30px;
}

.image-main {
	width: 50%;
	margin-top: -30px;
	margin-left: -150px;
}

.image-main img {
	width: 100%;
}

.text-main .content-text h1 {
	color: white;
	font-weight: var(--ttruns_regular);
	font-size: 60px;
	text-align: left;
}

.content-text p {
	color: var(--amarelo);
	text-align: left;
	font-size: 20px;
	padding-top: 20px;
}

.content-text {
	width: 80%;
}

.text-main {
	width: 50%;
	padding-left: 150px;
}

.marquee {
  overflow: hidden;
  border-top: 2px solid var(--amarelo);
  border-bottom: 2px solid var(--amarelo);
  display: flex;
  padding: 15px 0;
}

.marquee h1{
  white-space: nowrap;
  text-transform: uppercase;
  color: white;
  font-size: 1rem;
  font-weight: var(--ttruns_medium);
}

#service {
	width: 100%;
	height: auto;
	padding: 40px 10%;
	text-align: center;
}

.title_service {
	color: white;
	font-size: 50px;
	color: var(--amarelo);
}

.font-medium {
	font-weight: var(--ttruns_medium);
}

.font-bold {
	font-weight: var(--ttruns_bold);
}

.font-lighter {
	font-weight: var(--ttruns_lighter);
}

.subtitle_service {
	width: 60%;
	color: white;
	padding-top: 20px;
	margin: 0 auto;
}

.cards_service {
	width: 100%;
	display: flex;
	margin: 20px 0;
	justify-content: space-between;
	flex-wrap: wrap;
}

.card_service {
	width: 45%;
	text-align: left;
	margin: 40px 0;
	padding: 40px;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(229, 255, 44, .5), 0 0 10px rgba(229, 255, 44, .5);
}

.img_card {
	width: 10%;
}

.title_card {
	color: var(--amarelo);
	padding: 10px 0;
	font-size: 1.3rem;
}

.text_card {
	color: white;
}

#service a button {
	font-weight: var(--ttruns_medium);
	padding: 10px 50px;
}

#about {
	width: 90%;
	margin: 0 auto;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

.logo_3d {
	width: 40%;
	text-align: center;
	margin-right: -50px;
}

.logo_3d img {
	width: 100%;
}

.text_about_us {
	width: 50%;
	margin-top: 80px;
}

.text_about_us h1 {
	color: var(--amarelo);
	font-size: 60px;
	text-align: left;
}

.text_about_us p {
	color: white;
	font-size: 1.3rem;
	width: 90%;
}

.references {
	width: 100%;
	margin: 20px 0 50px;
	text-align: center;
}

.icone_references {
	width: 100px;
}

.cards_references {
	width: 100%;
	height: auto;
	margin: 200px 0 50px;
	display: flex;
	justify-content: space-evenly;
	align-items: flex-start;
}

.title_references {
	color: var(--amarelo);
	font-size: 60px;
	padding: 0 10px;
}

.card_reference {
	width: 25%;
	background-color: var(--amarelo);
	border-radius: 10px;
	border: 2px solid white;
	padding: 0 15px 0;
}

.card_reference:nth-child(2) {
	margin-top: -100px;
}

.card_reference img {
	margin: -50px 0 20px;
	width: 100px;
	border-radius: 50%;
}

.card_reference p {
	padding: 20px 0 30px;
}

#contact {
	width: 80%;
	background-color: var(--amarelo);
	border-radius: 20px;
	padding: 20px;
	text-align: center;
	margin: 100px auto 50px;
}

#contact h1 {
	font-size: 50px;
	padding-bottom: 20px;
}

#contact a {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	color: black;
	font-size: 25px;
}

#contact a img {
	width: 40px;
	filter: brightness(0);
	margin-right: 5px;
}