@media screen and (max-width: 1061px)
{

h2 {
	font-size: 22px;
}

.img-contact {
	width: 45px
}

.avatar {
	width: 45px;
}

.code {
	font-size: 12px;
}

}

@media screen and (max-width: 767px)

{	
	article {
		margin-top: 0;
	}

	.contact {
		border: 0;
	}

	.footer {
		font-size: 15px;
	}


}

@media screen and (max-width: 505px)

{

	.content{
		width: 100%;
	}

	.image-base {
		width: 100%;
	}

	.modal-info {
		font-size: 20px;
	}

	.info-modal {
		font-size: 15px;
	}

}