@media screen and (max-width: 1200px) {
	div.page.footer-socials #socials {
	  margin-top: 30px;
	  margin-bottom: 30px;
	}
	div.page.footer-socials a {
		font-size: 32px;
	}
}
@media screen and (max-width: 810px) {
	h1 {
		font-size: 36px;
	}
	div.page.footer-socials a {
		font-size: 28px;
	}
}

@media screen and (max-width: 480px) {
	h1 {
		font-size: 30px;
	}
	h1+div.text>p {
		font-size: 20px;
	}
	.main-wrapper>.page.main .dirs>li {
		font-size: 16px;
		margin-right: 10px;
		margin-bottom: 10px;
		overflow: hidden;
	}
	.main-wrapper>.page.main .dirs>li>a {
		padding: 7px 10px;
	}
	div.page.footer .nav>li {
	  margin-left: 0;
	  margin-right: 0;
	  padding-left: 0;
	  padding-right: 0;
	}
	a.btn {
  		font-size: 14px;
	}
	a.btn1 {
  		font-size: 14px;
	}

}