@media screen and (max-width: 1680px){
	main{
		padding: 0 100px;
	}
}
@media screen and (max-width: 1600px){
	main{
		padding: 0 80px;
	}
	.second .col-lg-8{
		-ms-flex: 0 0 63%;
		flex: 0 0 63%;
		max-width: 63%;
		margin-right: 4%;
	}
	.second .col-lg-4{
		-ms-flex: 0 0 32%;
		flex: 0 0 32%;
		max-width: 32%;
	}
}
@media screen and (max-width: 1440px){
	body{
		font-size: 85%;
	}
	h1:after{
		width: calc(100% - 435px);
		top: 62px;
	}
	footer .top{
		padding: 75px 0;
	}
	footer li img{
		width: 35px;
	}
	footer .logo-left{
		width: 220px;
	}
	footer .logo-right{
		width: 230px;
	}
}
@media screen and (max-width: 1280px){
	main{
		padding: 0 60px;
	}
	.articles .col-sm-12{
		margin-bottom: 30px;
	}
	.second .col-lg-8{
		-ms-flex: 0 0 62%;
		flex: 0 0 62%;
		max-width: 62%;
		margin-right: 5%;
	}
	footer{
		padding: 0 70px;
	}
	footer .logo-right{
		right: -70px;
	}
}
@media screen and (max-width: 1024px){
	body{
		font-size: 75%;
	}
	main{
		padding: 0 30px;
	}
	h3{
		font-size: 2em;
		margin-bottom: 15px;
	}
	.articles .content{
		bottom: 25px;
		left: 20px;
	}
	.second .col-lg-4 .content{
		bottom: 60px;
	}
	footer{
		padding: 0 40px;
	}
	footer li{
		margin-right: 40px;
	}
	footer li img{
		width: 30px;
	}
	footer .logo-left{
		width: 170px;
	}
	footer .logo-right{
		width: 170px;
		right: -40px;
	}
}
@media screen and (max-width: 992px){
	.articles .second .col-lg-4,
	.articles .second .col-lg-8{
		margin-bottom: 0;
	}
}
@media screen and (max-width: 768px){
	main{
		padding: 0 80px;
	}
	h1{
		font-size: 3.5em;
	}
	h1:after{
		width: calc(100% - 338px);
		top: 47px;
	}
	.first .col-lg-4,
	.first .col-lg-8,
	.second .col-lg-8,
	.second .col-lg-4,
	.third .col-lg-8,
	.third .col-lg-4,
	.fourth .col-lg-4,
	.fourth .col-lg-8{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		margin: 0;
		margin-bottom: 30px!important;
	}
	footer .top{
		padding: 100px 0 30px;
	}
	footer .logo-left{
		width: 150px;
		top: 50px;
		left: -20px;
	}
	footer .logo-right{
		width: 130px;
		right: -40px;
		top: 55px;
	}
	footer p{
		text-align: center;
	}
}
@media screen and (max-width: 578px){
	main{
		padding: 0;
	}
	header{
		padding: 30px 0 20px 20px;
	}
	h1{
		font-size: 3em;
	}
	h1:after{
		width: 95%;
		top: 53px;
		right: auto;
		left: 50%;
		transform: translateX(-50%);
	}
	h2{
		margin-bottom: 40px;
	}
	.articles{
		padding: 0 15px;
	}
	.articles .second .col-lg-8{
		padding: 0 15px;
		margin-bottom: 0!important;
	}
	.second .col-lg-4 .content{
		bottom: 30px;
	}
	footer .top{
		padding: 130px 0 30px;
	}
}
@media screen and (max-width: 500px){
	header li{
		margin-right: 15px;
	}
	.hero{
		padding: 30px 0 40px;
	}
	h1:after{
		width: 93%;
	}
	.articles .content{
		width: 90%;
	}
	footer{
		padding: 0 20px;
	}
	footer .logo-left{
		left: 0;
	}
	footer .logo-right{
		right: -20px;
	}
}
@media screen and (max-width: 425px){
	h1{
		font-size: 2.5em;
	}
	h1:after{
		top: 44px;
	}
	h2{
		font-size: 1.5em;
	}
	h3{
		font-size: 1.5em;
		margin-bottom: 10px;
	}
	.articles .content p{
		font-size: 1em;
	}
	footer .top{
		padding: 110px 0 30px;
	}
	footer .logo-left{
		width: 120px;
	}
	footer .logo-right{
		width: 100px;
	}
	footer li{
		margin-right: 30px;
	}
	footer li img{
		width: 23px;
	}
	footer .bottom{
		padding: 20px 0;
	}
}
@media screen and (max-width: 376px){
	body{
		font-size: 60%;
	}
	header{
		padding: 20px 0 15px 15px;
	}
	header .logo{
		width: 45px;
	}
	h2{
		margin-bottom: 30px;
	}
	h3{
		font-size: 1.7em;
		margin-bottom: 10px;
	}
	.articles .content{
		bottom: 12px;
		left: 12px;
	}
}
@media screen and (max-width: 321px){
	footer .top{
		padding: 90px 0 20px;
	}
	footer .logo-left{
		width: 100px;
		top: 35px;
	}
	footer .logo-right{
		width: 85px;
		top: 35px;
	}
}