/*Importação*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&family=Poppins:wght@600&display=swap');
/* variaveis css */
:root{
	--preto: black;
	--yellow: #ffec43;
	--branco: white;
	--blue: #0000ff;
}
/*formatação*/
*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
/*menu*/
.a-menu{
	font-family: "Poppins", sans-serif;
	font-weight: bold;
}
.logo-center{
	font-family: "Poppins", sans-serif;
	font-size: 26px;
	margin-left: 250px;
	text-align: center;
}
.logo_img{
    width: 40vh;
    margin-top: 1px;
	margin-left: 240px;
}
/*Titulos*/
.span-name{
	text-align: center;
	font-family: "Montserrat", sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: white;
}
.span-sub{
	font-family: "Montserrat", sans-serif;
	color: white;
}
.strong-span{
	text-align: center;
	font-family: "Montserrat", sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: white;
}
.h1-titulo{
	text-align: left;
	color: var(--preto);
	font-family: "Poppins", sans-serif;
	font-size: 350%;
}
.h2-titulo{
	font-size: 300%;
	text-align: center;
	color: var(--preto);
	font-family: "Poppins", sans-serif;
}
.h3-titulo{
	font-size: 200%;
	text-align: center;
	color: var(--yellow);
	font-family: "Poppins", sans-serif;
}
.h4-titulo{
	font-size: 150%;
	color: var(--branco);
	font-family: "Montserrat", sans-serif;
	font-weight: bold;
	text-align: center;
}
.h5-titulo{
	font-size: 150%;
	text-align: left;
	color: var(--branco);
	font-family: "Poppins", sans-serif;
}
.paragrafo{
	font-size: 110%;
	color: var(--preto);
	font-family: "Montserrat", sans-serif;
	text-align: left;
}
.footer-text{
	font-family: "Poppins", sans-serif;
	font-size: 90%;
}
/* call action */
a.btn-shadow{
	border-radius: 20px;
	box-shadow: 10px 10px 50px #333333;
	font-family: "Poppins", sans-serif;
	font-size: 100%;
	color: whitesmoke;
	background: #00e676;
	margin-top: 60px;
}
/*Card*/
div .card-card{
	border-radius: 20px;
	box-shadow: 10px 10px 50px #aaaaaa
}
/*Responsividade*/
@media screen and (min-width: 900px){
	nav div a.logo-center{
		/* left: 60%; */
	}
}
@media screen and (max-width: 900px){
	nav div p.logo-center{
		font-size: 14px;
		text-align: center;
		/*margin-top: 30px;*/
		margin-left: 1px;
	
	}
	a.btn-shadow{
		margin-left: 130px;
		margin-top: 10px;
	}
}
header, .main, footer {
      padding-left: 300px;
    }

@media only screen and (max-width : 992px) {  
    header, .main, footer {
        padding-left: 0;
      }  
}
.main .tabs .tab a:hover, .tabs .tab a.active{
	color: var(--yellow);
}
.main .tabs .indicator {
    position: absolute;
    bottom: 0;
    height: 2px;
    background-color: var(--yellow);
    will-change: left, right;
}
.tabs .indicator {
	background-color: var(--yellow);
}
/*parallax*/
.main .parallax-container {
    position: relative;
    overflow: hidden;
    height: 200px;
}