@media (max-width: 1680px){
	main .about{
		padding-bottom: 10vw;
	}
	main .about::after{
		width: 15.3vw;
	    height: 15.3vw;
	    transform: translateY(4.6vw);
	}
	main .projects{
		padding-bottom: 10vw;
	}
	main .projects::after{
		width: 10vw;
		height: 10vw;
	}
}
@media (max-width: 1440px){
	.container {
    	max-width: 90vw;
	}
	main .top{
		padding-bottom: 60px;
	}
	main .top .text h1 {
	    margin-bottom: 40px;
	    font-size: 1.5rem;
	}
}
@media (max-width: 1280px){
	body{
		font-size: 18px;
	}
	h2 {
    	font-size: 26px;
	}
	h3 {
    	font-size: 22px;
	}
	main .projects{
		padding-bottom: 40px;
	}
	main .projects::after{
		display: none;
		/*width: 12vw;
        height: 12vw;
        background-position: top right;
        top: 0;
        right: 0;*/
	}
	main .projects .items{
		grid-gap: 40px;
	}
	main .events{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	main .events .event .gallery{
		grid-template-columns: repeat(5, 1fr);
	}
	main .events .event .gallery > a:nth-child(n+6) {
	    display: none;
	}
	main .contacts .text{
		font-size: 1rem;
	}
}
@media (max-width: 1152px){
	header .logo{
		width: 200px;
	}
	header .menu{
		display: none;
	}
	main .top .text h1,
	main .top .text h3{
		margin-bottom: 20px;
	}
}
@media (max-width: 1024px){
	main .top{
		flex-direction: column;
	}
	main .top .text {
	    width: 100%;
	    margin-bottom: 40px;
	}
	main .top .image {
	    width: 100%;
	}
	main .events .event .gallery{
		grid-template-columns: repeat(4, 1fr);
	}
	main .events .event .gallery > a:nth-child(n+5) {
	    display: none;
	}
}
@media (max-width: 980px){
	main .about {
        padding-bottom: 15vw;
    }
    main .about::before{
    	width: 18vw;
    	height: 18vw;
    }
    main .about::after {
        width: 20.3vw;
        height: 20.3vw;
        transform: translateY(6vw);
    }
    main .number .items .item {
        padding-left: 9vw;
        background-size: 7vw;
    }
    main .number .items .item span{
    	font-size: 5vw;
    }
    main .projects .items{
    	grid-template-columns: 1fr;
    }
    main .events .event{
    	display: block;
    }
    main .events .event .image{
    	float: left;
    	margin: 0 20px 20px 0;
    }
    main .events .event .text{
    	width: 100%;
    }
    main .events .event .gallery{
    	clear: both;
    	margin-top: 20px;
    	grid-template-columns: repeat(6, 1fr);
	}
	main .events .event .text .desc ul{
		overflow: hidden;
	}
	main .events .event .gallery > a:nth-child(n+5),
	main .events .event .gallery > a:nth-child(n+6){
		display: block;
	}
	main .events .event .gallery > a:nth-child(n+7) {
	    display: none;
	}
	main .trust .items{
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 20px;
	}
	main .trust .items .item {
    	width: 100%;
    }
    main .contacts{
        display: block;
    }
    main .contacts .image{
    	width: 100%;
    }
    main .contacts .text{
        width: 90vw;
	    margin-right: 5vw;
	    margin-left: 5vw;
    }
}
@media (max-width: 768px){
	body{
		background: none;
	}
	main .top{
		padding-bottom: 20px;
	}
	main .events .event .text .desc{
		line-height: 1.3;
	}
	main .events .event .gallery{
    	grid-template-columns: repeat(4, 1fr);
	}
	main .events .event .text .desc ul{
		overflow: hidden;
	}
	main .events .event .gallery > a:nth-child(n+5){
	    display: none;
	}
}
@media (max-width: 640px){
	header .logo{
		width: 150px
	}
	header .phones a{
		font-size: 20px;
	}
	main .about{
		padding-top: 20px;
	}
	main .about::before {
        width: 100px;
        height: 100px;
    }
    main .about::after {
        width: 100px;
        height: 100px;
        transform: translateY(30px);
    }
	main .number .items{
		flex-direction: column;
		gap: 20px;
	}
	main .number .items .item{
		display: flex;
		align-items: baseline;
        padding-left: 100px;
        padding-top: 10px;
        padding-bottom: 10px;
        background-size: contain;
	}
	main .number .items .item span {
        font-size: 40px;
        margin-right: 20px;
    }
    main .events .event .image{
    	float: none;
    	width: 100%;
    	margin-right: 0;
    	margin-bottom: 20px;
    }
}
@media (max-width: 440px){
	main .trust .items{
		grid-template-columns: 1fr;
	}
}
@media (max-width: 400px){
	header .phones{
		padding-left: 25px;
		background-size: 20px;
	}
	header .phones a {
        font-size: 18px;
    }
}