html {
	box-sizing: border-box;
	font-size: 62.5%;
}

body {
	font-family: Montserrat, sans-serif, Helvetica;
	font-size: 1.6rem;
	overflow: auto;
}

@media (min-width: 768px) {
	.main {
		overflow: visible;
	}
}

@media (min-width: 768px) {
	.section {
		padding-top: 2rem;
		height: 30rem;
	}
}

@media (min-width: 768px) {
	.section__h3 {
		padding: 4rem 0;
	}
}

@media (min-width: 768px) {
	.main__link--portfolio {
		width: 13%;
	}
}

@media (min-width: 768px) {
	.main__link--portfolio:hover {
		cursor: pointer;
		transform: scale(1.1);
		transition: 300ms;
		width: 13%;
	}
}

@media (min-width: 768px) {
	.section__link--contact {
		width: 30%;
	}
}

@media (min-width: 768px) {
	.section__link--portfolio {
		width: 30%;
	}
}

@media (min-width: 768px) {
	.footer {
		padding-bottom: 2rem;
	}
}