body{
background-color: #fff;

}

.font {
	font-family: 'Ubuntu', sans-serif;
}

.title {
	color: #6c6c6c;
	font-size: 28px;
	letter-spacing: -1px;
	font-style: italic;
	font-weight: bold;
	margin-bottom: -5px;
}

.subtitle {
	color: #8d8d8d;
	font-size: 22px;
	letter-spacing: 1px;
	font-style: italic;
	margin-bottom: 3%;
}

.description {
	color: #8d8d8d;
	font-size: 18px;
	letter-spacing: 1px;
	font-style: italic;
	line-height: 32px
}

.box {
    margin: auto;
    width: 30%;
    border: 1px solid #5ecab6;
    padding: 25px 35px 25px 35px;
}

.bold {
	font-weight: bold;
}

.underline {
	text-decoration: underline;
}

.grey {
	color: #515151;
}

.imagem {padding-top: 150px;}


a {
  color: #8d8d8d;
}

@media screen and (max-device-width: 1400px) {
	.imagem {padding-top: 90px;}
}

@media screen and (max-device-width: 667px) {
	.title {font-size: 70px; font-weight: normal;}
	.subtitle {font-size: 50px; width: 80%;}
	.box {width: 70%; font-size: 40px; line-height: 60px; margin-top:8%; border: 3px solid #5ecab6;}
	.bold {font-weight: normal;}
}

@media screen and (min-device-width: 769px) {
	.img-mobile {display: none;}
}

@media screen and (max-device-width: 768px) {
	.img-desktop {display: none;}
}