body{
	margin: 0;
	font-family: calibri;
}
h3{
	font-weight: 300;
	font-size: 20px;
}
.left-side p {
    color: white;
    font-weight: 100;
    font-size: 30px;
    text-align: left;
    margin-top: 40vh;
    font-family: calibri;
    margin-left: 50px;
}
.row{
	width: 100%;
}
.col-md-6{
	width: 50%;
	max-width: 50%;
}
@media(max-width: 768px){
	.left-side p {
    	font-size: 30px;
    	text-align: center;
    	margin-top: 40vh;
    	margin: 0;
    	margin-top: 40px;
    	font-family: calibri;
	}
	.col-sm-12{
		width: 100% !important;
		max-width: 100% !important;
	}
}
.col{
	float: left;
}
/*SIDES*/
/*LEFT*/
/* SUBSTITUIR A SEQUENCIA DE 'X' PELO LINK DE UMA IMAGEM DO PRÓPRIO SITE (ALTA RESULUÇÃO, POIS FICARÁ AO FUNDO) */
.left-side {
	/*RECOMENDA-SE TROCAR OS RGBAs POR UMA COR COMPATÍVEL COM A LOGO DA EMPRESA*/
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('http://agenciaalper.com.br/projetos/seo/wp-content/uploads/2018/09/api-wallpaper.jpg');
    height: 100vh;
    background-size: cover;
}
/*RIGHT*/
.right-side{
	text-align: center;
	padding-top: 30vh;
}
@media(max-width: 768px){
	.left-side{
		height: 35vh;
	}
	.right-side{
		padding-top: 5vh;
	}
}
body > div > div.col.col-sm-12.col-md-6.right-side > a {
    background: #17171C;
    text-decoration: none;
    color: white;
    padding: 10px 10px;
}