:root{
	--main-gradient: linear-gradient(180deg, #309FC2, #2C51B1) border-box;
	--main-horizontal-gradient: linear-gradient(100deg, #309FC2, #2C51B1) border-box;
	--main--background: #161513;
	--main--white-background: #ffffff;
	--border-color: #2F89BD;
}
*{
	box-sizing: border-box;
	margin: 0;
	outline: none;
}
body{
	margin: 0;
	padding: 0;
	padding-top: 5.2vw;
	font-family: "roboto-regular"; 
	background: var(--main--background);
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 100vh;
}
::-webkit-scrollbar {
	width: .3vw
}
::-webkit-scrollbar-track {
	background: #262626;
}
::-webkit-scrollbar-thumb {
	background: var(--main-gradient);
	border-radius: 3px;
	transition: .2s;
}
@font-face {
	font-family: "popins-light"; 
	src: url("../fonts/Poppins/Poppins-Light.ttf") format("truetype"); 
	font-style: normal; 
	font-weight: normal; 
	font-display: swap;
}
@font-face {
	font-family: "popins-regular"; 
	src: url("../fonts/Poppins/Poppins-Regular.ttf") format("truetype"); 
	font-style: normal; 
	font-weight: normal; 
	font-display: swap;
}
@font-face {
	font-family: "roboto-regular"; 
	src: url("../fonts/roboto/Roboto-Regular.ttf") format("truetype"); 
	font-style: normal; 
	font-weight: normal; 
	font-display: swap;
}
@font-face {
	font-family: "roboto-medium"; 
	src: url("../fonts/roboto/Roboto-Medium.ttf") format("truetype"); 
	font-style: normal; 
	font-weight: normal; 
	font-display: swap;
}
@font-face {
	font-family: "roboto-light"; 
	src: url("../fonts/roboto/Roboto-Light.ttf") format("truetype"); 
	font-style: normal; 
	font-weight: normal; 
	font-display: swap;
}
@font-face {
	font-family: "roboto-bold"; 
	src: url("../fonts/roboto/Roboto-Bold.ttf") format("truetype"); 
	font-style: normal; 
	font-weight: normal; 
	font-display: swap;
}
.container{
	width: 75vw;
	margin: 0 auto;
}
body .mobile{
	display: none;
}
body.white_mode{
	background: var(--main--white-background)
}
header {
	color: #fff;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background: var(--main--background);
	z-index: 20;
	border-bottom: 1px solid #414141;
	transition: border .5s;
	user-select: none;
}
body.white_mode header{
	background: #fff;
	border-bottom: 1px solid #dadada;
	box-shadow: 0 0 20px -10px #555;
}
body.white_mode,
body.white_mode header .menu a,
body.white_mode .empty-button,
body.white_mode header,
body.white_mode header .actions .language-changer .language-list a,
body.white_mode .last-projects-slider .last-projects-slide .domain_adress a,
body.white_mode .git_hub-button{
	color: #222;
}
body.white_mode header .menu a::before{
	background: #000;
}
body.white_mode header .actions .theme-changer img{
	background: var(--main--white-background);
}
body.white_mode .about-section .achievements .lines span{
	background: #cbcbcb;
}
body.white_mode header .actions .language-changer .arrow{
	filter: invert(.9);
}
body.white_mode header .actions .language-changer .language-list{
	background: #efefef;
}
body.white_mode .message{
	background: #fff;
	box-shadow: 10px 10px 30px #00000020;
}
body.white_mode .you-get-section .you-get-list .you-get-item:nth-child(2n-1){
	background: #0140BA15;
}
body.white_mode .you-get-section .you-get-list .you-get-item .icon{
	box-shadow: 10px 10px 30px -15px #555;
}
body.white_mode .main-button{
	box-shadow: 10px 10px 25px -15px #222;
}
body.white_mode .main-button::before{
	content: unset;
}
body.white_mode .last-projects-slider .last-projects-slide{
	opacity: 1;
	background: #f5f7fa;
	box-shadow: 8px 8px 45px #00000020;
}
body.white_mode .last-projects-slider .last-projects-slide .domain_adress{
	background: #ffffff;
	box-shadow: 5px 5px 30px #00000010;
}
body.white_mode .last-projects-slider .last-projects-dots span{
	background: #d2dcf0;
}
body.white_mode .git_hub-button{
	border-color: #222;
}
body.white_mode .git_hub-button img{
	filter: invert(1);
}

body.white_mode .faqs .faq{
	background: #f5f7fa;
}
body.white_mode footer .container .columns .col a{
	color: #444;
}
body.white_mode footer .container .columns .col a.active{
	color: #000;
	font-family: 'roboto-regular';
}


header .container{
	padding: 1vw 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: padding .5s;
}
header.top-position{
	border-color: transparent;
}
header.top-position .container{
	padding: 2vw 0;
}
header .menu-cont{
	display: flex;
	align-items: center;
}
header .menu{
	display: flex;
	align-items: center;
	margin-left: 3.2vw;
}
header .menu a{
	display: block;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-decoration: none;
	font-family: "roboto-light"; 
	font-size: 1vw;
	margin-right: 4.2vw;
	letter-spacing: 0.2px;
	transition: .2s;
	position: relative;
}
header .menu a::before{
	content: '';
	width: 120%;
	height: 1px;
	border-radius: 1px;
	position: absolute;
	left: -10%;
	top: calc(100% + .3vw);
	transform: scaleX(0);
	transition: .2s;
	background: #fff;
}
header .menu a.active::before{
	transform: scaleX(1);
}

header .actions{
	display: flex;
	align-items: center;
}
header .actions .language-changer{
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	padding: .5vw 0;
	position: relative;
	overflow: hidden;
}
header .actions .language-changer:hover{
	overflow: visible;
}
header .actions .active-language{
	font-size: 1vw;
}
header .actions .language-changer .arrow{
	width: .8vw;
	display: block;
	margin-left: .5vw;
	transition: .2s;
}
header .actions .language-changer .language-list{
	position: absolute;
	top: 100%;
	display: flex;
	align-items: center;
	flex-direction: column;
	background: #202020;
	border-radius: .4vw;
	padding: .2vw 0;
}
header .actions .language-changer .language-list a{
	padding: .3vw .7vw ;
	font-size: 1vw;
	transition: .2s;
	text-decoration: none;
	cursor: pointer;
	color: #fff;
}
header .actions .theme-changer{
	width: 2.1vw;
	margin-left: 1.3vw;
	padding: 2px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	border-radius: 100%;
	background: var(--main-gradient);
	transition: .3s;
}
header .actions .theme-changer img{
	width: 100%;
	display: block;
	padding: .1vw;
	background: #161513;
	transition: .3s;
	border-radius: 100%;
}
header .actions .main-button{
	margin-left: 1.6vw;
}
.logo{
	display: flex;
	align-items: center;
}
.logo h3{
	margin-left: 1vw;
}
.logo img{
	display: block;
	width: 3.2vw;
	height: 3.2vw;
	object-fit: cover;
	background: var(--main-gradient);
	border: 1px solid transparent;
	border-radius: 100%;
}
.main-button{
	color: #fff;
	text-decoration: none;
	padding: .9vw 2.6vw;
	border-radius: 4vw;
	background: var(--main-gradient);
	position: relative;
	transition: .2s;
	display: inline-block;
	border: 1px solid transparent;
	text-align: center;
	user-select: none;
}
.main-button p{
	font-size: .8vw;
	transition: inherit;
}

.main-button::before{
	content: '';
	position: absolute;
	transition: inherit;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: var(--main-gradient);
	opacity: .5;
	z-index: -1;
	border-radius: 2vw;
	filter: blur(2vw);
	animation: btn_breathing 4s ease-in-out infinite;
	
}
.empty-button{
	color: #fff;
	text-decoration: none;
	padding: .9vw 2.6vw;
	position: relative;
	transition: .2s;
	display: inline-block;
	border: 1px solid var(--border-color);
	border-radius: 4vw;
	overflow: hidden;
	transition: .2s;
	user-select: none;
}
.empty-button p{
	font-size: .8vw;
	transition: inherit;
}
.message{
	position: fixed;
	left: 50vw;
	bottom: 2vw;
	padding: .8vw 3vw;
	border-radius: 1.3vw;
	background: #1E1E1E;
	transform: translate(-50%, 7vw);
	opacity: 0;
	z-index: 999;
	transition: .7s;
	user-select: none;
}
.message.active{
	transform: translate(-50%, 0);
	opacity: 1;
}
.message p{
	display: flex;
	align-items: center;
}
.message svg{
	width: 1.3vw;
	background: var(--main-gradient);
	border-radius: 100%;
	margin-right: .8vw;
}
.top-section{
	margin-top: 2vw;
	display: flex;
	align-items: center;
	justify-content: space-between;

}
.top-section h1{
	font-size: 3.6vw;
	line-height: 1.5;
	font-family: "roboto-regular"; 
	letter-spacing: 0.02em;
	margin-bottom: .5vw;
}
.top-section h1 span{
	background: var(--main-gradient);
	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
}
.top-section .info .sub-title{
	display: flex;
	align-items: center;
}
.top-section .info .sub-title h3{
	font-size: 1.4vw;
	font-weight: 400;
	font-family: "roboto-light"; 
	margin-left: 1.2vw;
}
.top-section .info .sub-title:before{
	content: '';
	background: var(--main-horizontal-gradient);
	width: 19vw;
	height: 2px;
	border-radius: 5px;
}
.main-title{
	text-align: center;
	font-size: 3.6vw;
	line-height: 2;
	letter-spacing: 0.03em;

}
.main-subtitle{
	font-size: 1.5vw;
	line-height: 1.5;
	font-family: "popins-regular"; 
	letter-spacing: 0.03rem;
}
.main-text{
	font-size: 1vw;
	line-height: 2;
	font-family: "popins-light"; 
	letter-spacing: 0.01rem;
}
.top-section .info .main-text{
	width: 30vw;
	margin-top: 1.5vw;
	margin-bottom: 2.8vw;
}
.btns{
	display: flex;
}
.btns .empty-button{
	margin-left: 1.6vw;
}
.top-section .top-main-img{
	width: 42%;
	margin-right: -3.2vw;
}
.top-section .top-main-img.white-img{
	display: none;
}
body.white_mode .top-section .top-main-img{
	display: none;
}
body.white_mode .top-section .top-main-img.white-img{
	display: block;
}
.about-section{
	margin-top: 6.3vw;
	text-align: center;
	width: 67.7vw;
	position: relative;
}
.about-section>.main-text{
	margin-top: .5vw;
	margin-bottom: 3.3vw;
}
.about-section .blured_blob{
	position: absolute;
	right: -7vw;
	top: 1vw;
	width: 17.8vw;
	height: 10.7vw;
	transform: rotate(15deg);
	filter: blur(9.2vw);
	background: var(--main-gradient);
	opacity: .4;
}
.about-section .achievements{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	position: relative;
}
.about-section .achievements .lines{
	position: absolute;
	left: 30%;
	height: 100%;
	width: 40%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	z-index: -1;
}
.about-section .achievements .lines span{
	width: 2px;
	background: #363636;
	border-radius: 5px;
	height: 5.2vw;
}
.about-section .achievements .achievement{
	width: 25%;
	text-align: center;
	padding: 0 2.8vw;
	z-index: 3;
}
.about-section .achievements .achievement h3{
	font-size: 3.2vw;
	margin-bottom: .5vw;
	background: var(--main-gradient);
	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
}
.section-margin{
	margin-top: 8vw;
	display: flex;
	align-items: center;
	flex-direction: column;
}
.you-get-section .you-get-list{
	margin-top: 3.1vw;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.you-get-section .you-get-list .you-get-item{
	width: 33.3%;
	display: flex;
	align-items: center;
	flex-direction: column;
	text-align: center;
	padding: 2.5vw 1.5vw;
}
.you-get-section .you-get-list .you-get-item:nth-child(2n-1){
	background: #14295330;
}
.you-get-section .you-get-list .you-get-item .icon{
	width: 5vw;
	margin-bottom: 1.5vw;
	box-shadow: .1vw .1vw 3.5vw .3vw #2E79B980;
	border-radius: 1.2vw;
}
.you-get-section .you-get-list .you-get-item .main-text{
	line-height: 1.7;
	margin-top: 1vw;
	width: 85%;
}
.skills-section{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.skills-section .skills-list{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	width: 60vw;
	margin-top: 3.1vw;
}
.skills-section .skills-list .skills-item{
	width: 28%;
	margin-bottom: 6.5vw;
	position: relative;
}	
.skills-section .skills-list .skills-item:nth-child(4n){
	width: 16%;
}
.skills-section .skills-list .skills-item img{
	height: 8.3vw;
	z-index: 2;
}
.last-projects-slider{
	width: 100%;
	padding-bottom: 3vw;
	position: relative;
	overflow: hidden;
}
.last-projects-slider .last-projects-slides{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 3vw 0;
}
.last-projects-slider .last-projects-slide{
	border-radius: 2.6vw;
	overflow: hidden;
	transform: scale(.8);
	opacity: .25;
	min-width: 65vw;
	width: 65vw;
	padding: 2.6vw;
	position: relative;
	border: 1px solid transparent;
	user-select: none;
	display: flex;
	align-items: center;
	flex-direction: column;
	background: #181818;
	cursor: pointer;
	
}
.last-projects-slider .last-projects-slide::before{
	content: '';
	z-index: 10;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.last-projects-slider .last-projects-slide.center_slide{
	cursor: unset;
}
.last-projects-slider .last-projects-slide.center_slide::before{
	content: none;
}
.last-projects-slider .last-projects-slide .domain_adress{
	border-radius: .8vw;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #353434;
}
.last-projects-slider .last-projects-slide .domain_adress .copy {
	cursor: pointer;
	padding: .67vw 1.6vw;
}
.last-projects-slider .last-projects-slide .domain_adress .copy img{
	display: block;
	width: .9vw;
	transition: .2s;
}
.last-projects-slider .last-projects-slide .domain_adress a{
	padding: .67vw 1.6vw;
	display: block;
	text-decoration: none;
	font-size: .9vw;
	color: #fff;
	width: 28vw;
}
.last-projects-slider .last-projects-slide .domain_adress a span{
	color: #A9A9A9;
}
.last-projects-slider .last-projects-slide.center_slide{
	transform: scale(1);
	opacity: 1;
}
.last-projects-slider .last-projects-slide .slide-cont{
	display: flex;
	justify-content: space-between;
	margin-top: 3.1vw;
	width: 100%;
}
.last-projects-slider .last-projects-slide .slide-cont .info{
	width: 24vw;
	
}
.last-projects-slider .last-projects-slide .slide-cont .info h3{
	font-size: 2.1vw;
}
.last-projects-slider .last-projects-slide .slide-cont .info .main-text{
	margin-top: 1vw;
	font-size: .8vw;
	line-height: 1.7;
	height: 13vw;
}
.last-projects-slider .last-projects-slide .slide-cont .images{
	display: flex;
	align-items: flex-start;
	justify-content: center;
}
.last-projects-slider .last-projects-slide .slide-cont .images img{
	border: 3px solid #2E79B9;
}
.last-projects-slider .last-projects-slide .slide-cont .images .desc{
	width: 30vw;
	border-radius: 2.3vw;
}
.last-projects-slider .last-projects-slide .slide-cont .images .mob{
	width: 8.2vw;
	border-radius: 1.3vw;
	margin-top: 3.5vw;
	margin-left: -5.2vw;
}
.last-projects-slider .last-projects-slide .btns{
	width: 100%;
}
.last-projects-slider .last-projects-slide .btns a{
	width: 47%
}
.git_hub-button{
	padding: .5vw 1vw;
	font-size: .8vw;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	text-transform: uppercase;
	border: 1px solid #fff;
	border-radius: 2.6vw;
	margin-left: 2vw;
	transition: .4s;
	font-weight: 800;
	white-space: nowrap;
}
.git_hub-button img{
	width: 1.6vw;
	margin-right: .5vw;
	margin-left: -.5vw;
	transition: inherit;
}
@keyframes btn_breathing{
	0%{
		transform: scale(.9);
	}
	50%{
		transform: scale(1.3);
	}
	100%{
		transform: scale(.9);
	}
}
.last-projects-slider .last-projects-dots{
	display: flex;
	align-items: center;
	justify-content: center;
}
.last-projects-slider .last-projects-dots span{
	width: .7vw;
	height: .7vw;
	margin: 0 .4vw;
	border-radius: 100%;
	background: #555555;
	cursor: pointer;
	transition: .3s;
}
.last-projects-slider .last-projects-dots span.active{
	background: #2E79B9!important;
	transform: scale(1.5);
}
.faq-section{
	padding-top: 4vw;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.faqs{
	width: 55vw;
	margin-top: 3.2vw;
}
.faqs .faq{
	background: #1E1E1E;
	padding: 1.5vw 3vw;
	border-radius: 1.5vw;
	margin-bottom: 2.5vw;
	cursor: pointer;
	user-select: none;
}
.faqs .faq h3{
	transition: .3s;
	margin-left: 0;
}

.faqs .faq .info{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	
}
.faqs .faq .text{
	position: relative;
	overflow: hidden;
	transition: .3s;
	opacity: 0;
}
.faqs .faq.active .text{
	opacity: 1;
}
.faqs .faq .text p{
	padding: 1.2vw;
}
.faqs .faq .text::before{
	content: '';
	width: 2px;
	height: 90%;
	left: 0;
	top: 10%;
	position: absolute;
	border-radius: 2px;
	background: var(--main-gradient);
}
.faqs .faq .info img{
	width: 2.1vw;
	transition: .3s;
}
.faqs .faq.active .info img{
	transform: rotate(45deg);
}
footer{
	margin-top: 10vw;
	padding: 3vw 0;
	position: relative;
}
footer::before{
	content: '';
	position: absolute;
	top: 0;
	left: 7.5%;
	width: 85%;
	background: var(--main-gradient);
	border-radius: 2px;
	height: 2px;
}
footer .container{
	display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
        "info columns"
        "copyright columns";
}
footer .container .info{
	width: 33vw;
	grid-area: info;
}
footer .container .info .main-text{
	margin-top: 1vw;
	width: 70%;
}
footer .container .info .empty-button{
	margin: 3.4vw 0;
}
footer .container .columns{
	display: flex;
	grid-area: columns;
}
footer .container .columns .col{
	display: flex;
	flex-direction: column;
	margin-left: 10vw;
}
footer .container .columns .col h4{
	text-transform: uppercase;
	font-family: "roboto-light";
	letter-spacing: 0.03em; 
	font-size: 1.1vw;
}
footer .container .columns .col a{
	font-family: "roboto-light";
	text-decoration: none;
	color: #B7B7B7;
	margin-top: 1.1vw;
	font-size: 1vw;
	transition: .2s;
	letter-spacing: 0.03em; 
}
footer .container .columns .col a.active{
	color: #ffffff;
}
footer .container .columns .col .contact_link{
	display: flex;
	align-items: center;
	padding: 0;
}
footer .container .columns .col .contact_link img{
	width: 1.3vw;
	margin-right: .5vw;
}

footer .container .copyright{
	width: 100%;
	border-top: 1px solid #5C5C5C;
	color: #5C5C5C;
	grid-area: copyright;
	margin-top: 2vw;
}
footer .container .copyright p{
	font-size: .8vw;
	padding: 1vw 0;
	line-height: 1.5;
}
@media (hover: hover) {
	.main-button:hover p {
		transform: scale(1.1);
	}
	body header .menu a:hover{
		color: #2fa3bd;
	}
	body.white_mode header .menu a::before
	.last-projects-slider .last-projects-slide .info .scroll_down:hover{
		transform: translateX(-50%) scale(1.2);
	}
	.last-projects-slider .last-projects-slide .info .scroll_down.scrollled:hover{
		transform:  translateX(-50%) rotateX(180deg) scale(1.2);
	}
	header .actions .language-changer .language-list a:hover{
		color: var(--border-color);
	}
	header .actions .language-changer:hover .arrow{
		transform: translateY(.3vw);
	}
	.empty-button:hover p{
		transform: scale(1.1);
	}
	.empty-button:hover{
		border-color: #fff;
	}
	body.white_mode .empty-button:hover{
		border-color: #222;
	}
	
	.main-button:hover::before{
		transform: scale(1.2);
		opacity: .7;
	}
	body.white_mode .main-button:hover{
		box-shadow: .5vw .5vw 2vw -.2vw #2E79B9;
	}
	body.white_mode .git_hub-button:hover{
		color: #fff;
		background: #222;
		box-shadow: 10px 10px 25px -15px #222;
	}
	body.white_mode .git_hub-button:hover img{
		filter: invert(0);
	}
	body.white_mode footer .container .columns .col a:hover{
		color: #000;
	}
	header .actions .theme-changer:hover img{
		padding: 0;
	}
	body header .menu a:hover::before{
		transform: scaleX(1);
		background: var(--main-gradient);
	}
	footer .container .columns .col a:hover{
		color: #fff;
	}
	footer .container .columns .col .contact_link:hover{
		padding: 0;
	}
	.last-projects-slider .last-projects-slide .domain_adress .copy:hover img{
		filter: invert(.7);
	}
	.git_hub-button:hover{
		background: #fff;
		color: #000;
	}
	.git_hub-button:hover img{
		filter: invert(1);
	}
	.faqs .faq:hover h3{
		margin-left: .5vw;
	}
  }
  @media (hover: none) {
	header .menu a:active{
		color: #2fa3bd;
	}
	.empty-button:active{
		color: var(--border-color);
	}
	.main-button:active {
		background: none;
		color: var(--border-color);
		border-color: var(--border-color);
	}
	.main-button:active::before{
		opacity: 0;
	}
	.faqs .faq:hover h3{
		margin: 0;
	}
  }
@media (min-width: 1920px) {
	body{
		padding-top: 99.84px;
	}
	::-webkit-scrollbar {
		width: 5.76px;
	}
	.container{
		width: 1440px;
	}
	header .container{
		padding: 19.2px 0;
		column-gap: 80.64px;
	}
	header .menu{
		margin-left: 61.44px;
	}
	header .menu a{
		font-size: 19.2px;
		margin-right: 80.64px;
	}
	header .menu a::before{
		top: calc(100% + 5.76px);
	}
	header .actions .language-changer{
		padding: 9.6px 0;
	}
	header .actions .active-language{
		font-size: 19.2px;
	}
	header .actions .language-changer .arrow{
		width: 15.36px;
		margin-left: 9.6px;
	}
	header .actions .language-changer .language-list{
		border-radius: 7.68px;
		padding: 3.84px 0;
	}
	header .actions .language-changer .language-list a{
		padding: 5.76px 13.44px ;
		font-size: 19.2px;
	}
	header .actions .theme-changer{
		width: 38.4px;
		margin-left: 24.96px;
	}
	header .actions .theme-changer img{
		padding: 1.92px;
	}
	header .actions .main-button{
		margin-left: 30.72px;
	}
	.logo h3{
		margin-left: 19.2px;
	}
	.logo img{
		width: 61.44px;
		height: 61.44px;
	}
	.main-button{
		padding: 17.28px 49.92px;
		border-radius: 38.4px;
	}
	.main-button p{
		font-size: 15.36px;
	}
	.main-button::before{
		border-radius: 38.4px;
		filter: blur(38.4px);
	}
	.empty-button{
		padding: 17.28px 49.92px;
		border-radius: 38.4px;
	}
	.empty-button p{
		font-size: 15.36px;
	}
	.top-section{
		margin-top: 38.4px;
	
	}
	.top-section h1{
		font-size: 69.12px;
		margin-bottom: 9.6px;
	}
	.top-section .info .sub-title h3{
		font-size: 26.88px;
		margin-left: 23.04px;
	}
	.top-section .info .sub-title:before{
		width: 364.8px;
	}
	.main-title{
		text-align: center;
		font-size: 69.12px;
	
	}
	.main-subtitle{
		font-size: 28.8px;
	}
	.main-text{
		font-size: 19.2px;
	}
	.top-section .info .main-text{
		width: 576px;
		margin-top: 28.8px;
		margin-bottom: 53.76px;
	}
	.btns .empty-button{
		margin-left: 30.72px;
	}
	.top-section .top-main-img{
		margin-right: -61.44px;
	}
	.about-section{
		margin-top: 120.96px;
		width: 1299.84px;
	}
	.about-section>.main-text{
		margin-top: 9.6px;
		margin-bottom: 63.36px;
	}
	.about-section .blured_blob{
		right: -134.4px;
		top: 19.2px;
		width: 342.72px;
		height: 205.44px;
		filter: blur(176.64px);
	}
	.about-section .achievements .lines span{
		height: 99.84px;
	}
	.about-section .achievements .achievement{
		padding: 0 53.76px;
	}
	.about-section .achievements .achievement h3{
		font-size: 61.44px;
		margin-bottom: 9.6px;
	}
	.section-margin{
		margin-top: 153.6px;
	}
	.you-get-section .you-get-list{
		margin-top: 59.52px;
	}
	.you-get-section .you-get-list .you-get-item{
		padding: 48px 28.8px;
	}
	.you-get-section .you-get-list .you-get-item .icon{
		width: 96px;
		margin-bottom: 28.8px;
		box-shadow: 2px 2px 57.6px 5px #2E79B9;
		border-radius: 23.04px;
	}
	.you-get-section .you-get-list .you-get-item .main-text{
		margin-top: 19.2px;
	}
	.skills-section .skills-list{
		width: 1152px;
		margin-top: 59.52px;
	}
	.skills-section .skills-list .skills-item{
		margin-bottom: 124.8px;
	}	
	.skills-section .skills-list .skills-item img{
		height: 159.36px;
	}
	.skills-section .skills-list .skills-item:before{
		width: 107.52px;
		filter: blur(576px);
	}
	
	@keyframes scroll_down_shadow_anim{
		0%{
			box-shadow: 0 0 9.6px 0 #2E79B9;
		}
		20%{
			box-shadow: 0 0 38.4px 0 #2E79B9;
		}
		30%{
			box-shadow: 0 0 32.64px 0 #2E79B9;
		}
		40%{
			box-shadow: 0 0 38.4px 0 #2E79B9;
		}
		60%{
			box-shadow: 0 0 9.6px 0 #2E79B9;
		}
		100%{
			box-shadow: 0 0 9.6px 0 #2E79B9;
		}
	}
	.last-projects-slider .last-projects-dots span{
		width: 13.44px;
		height: 13.44px;
		margin: 0 7.68px;
	}
	.last-projects-slider .last-projects-slides {
		padding: 57.6px 0;
	}
	.last-projects-slider .last-projects-slide {
		border-radius: 49.92px;
		min-width: 1248px;
		width: 1248px;
		padding: 49.92px;
	}
	.last-projects-slider .last-projects-slide .domain_adress {
		border-radius: 15.36px;
	}
	.last-projects-slider .last-projects-slide .domain_adress .copy {
		padding: 12.864px 30.72px;
	}
	.last-projects-slider .last-projects-slide .domain_adress .copy img {
		width: 17.28px;
	}
	.last-projects-slider .last-projects-slide .domain_adress a {
		padding: 12.864px 30.72px;
		font-size: 17.28px;
		color: #fff;
		width: 537.6px;
	}
	.last-projects-slider .last-projects-slide .slide-cont {
		margin-top: 59.52px;
	}
	.last-projects-slider .last-projects-slide .slide-cont .info {
		width: 460.8px;
	}
	.last-projects-slider .last-projects-slide .slide-cont .info h3 {
		font-size: 40.32px;
	}
	.last-projects-slider .last-projects-slide .slide-cont .info .main-text {
		margin-top: 19.2px;
		font-size: 15.36px;
		height: 249.6px;
	}
	.last-projects-slider .last-projects-slide .slide-cont .images .desc {
		width: 576px;
		border-radius: 44.16px;
	}
	.last-projects-slider .last-projects-slide .slide-cont .images .mob {
		width: 157.44px;
		border-radius: 24.96px;
		margin-top: 67.2px;
		margin-left: -99.84px;
	}
	.last-projects-slider .last-projects-slide .btns a {
		width: 211.2px;
	}
	.git_hub-button {
		padding: 9.6px 57.6px;
		font-size: 15.36px;
		border-radius: 49.92px;
		margin-left: 38.4px;
	}
	.git_hub-button img {
		width: 30.72px;
		margin-right: 9.6px;
		margin-left: -9.6px;
	}
	.last-projects-slider .last-projects-dots span {
		width: 13.44px;
		height: 13.44px;
		margin: 0 7.68px;
	}
	.faq-section {
		padding-top: 76.8px;
	}
	.faqs {
		width: 1056px;
		margin-top: 61.44px;
	}
	.faqs .faq {
		padding: 28.8px 57.6px;
		border-radius: 28.8px;
		margin-bottom: 48px;
	}
	.faqs .faq .text p {
		padding: 23.04px;
	}
	.faqs .faq .info img {
		width: 40.32px;
	}
	
	
	footer{
		margin: 0 auto;
		margin-top: 192px;
		padding: 59.52px 0;
		width: 1920px;
	}
	footer .container .info{
		width: 633px;
	}
	footer .container .info .main-text{
		margin-top: 19.2px;
	}
	footer .container .info .empty-button{
		margin: 64.8px 0;
	}
	footer .container .columns .col{
		margin-left: 190px;
	}
	footer .container .columns .col h4{
		font-size: 21.12px;
	}
	footer .container .columns .col a{
		margin-top: 21.12px;
		font-size: 19.2px;
		padding-right: 9.6px;
	}
	footer .container .columns .col .contact_link img{
		width: 24.96px;
		margin-right: 9.6px;
	}
	footer .container .copyright{
		margin-top: 38px;
	}
	footer .container .copyright p{
		font-size: 15.36px;
		padding: 19.2px 0;
	}
	
}
@media (hover: hover) and (min-width: 1920px){
	header .actions .language-changer:hover .arrow{
		transform: translateY(5.76px);
	}
	.faqs .faq:hover h3 {
		margin-left: 9.6px;
	}
}
@media (min-width: 480px) and (max-width: 1200px) {
	body{
		padding-top: 6vw;
	}
	.container{
		width: 82vw;
	}
	header .container{
		padding: 1.3vw 0;
	}
	.logo img{
		width: 3.7vw;
		height: 3.7vw;
	}
	.logo h3{
		margin-left: 1.5vw;
	}
	header .menu a,
	header .actions .active-language,
	header .actions .language-changer .language-list a{
		font-size: 1.2vw;
	}
	header .actions .language-changer .language-list a{
		padding: .4vw .9vw;
	}
	header .actions .language-changer .language-list{
		border-radius: .6vw;
	}
	header .actions .theme-changer{
		width: 2.5vw;
		margin-left: 1.7vw;
	}
	header .actions .main-button{
		margin-left: 2vw;
	}
	header .actions .language-changer .arrow{
		width: .9vw;
		margin-left: .6vw;
	}
	.top-section .top-main-img{
		width: 48%;
	}
	.top-section h1{
		font-size: 4vw;
	}
	.top-section .info .sub-title h3{
		font-size: 1.8vw;
	}
	.top-section .info .main-text{
		width: 35vw;
	}
	.main-text{
		font-size: 1.2vw;
	}
	.main-subtitle{
		font-size: 1.8vw;
	}
	.main-button p,
	.empty-button p{
		font-size: 1vw;
	}
	.main-button,
	.empty-button{
		padding: 1.1vw 3vw;
	}
	.main-title{
		font-size: 4vw;
	}
	.about-section .achievements .achievement h3{
		font-size: 3.7vw;
	}
	.about-section .achievements .lines span{
		height: 6.5vw;
	}
	.about-section>.main-text{
		margin-top: .7vw;
		margin-bottom: 3.7vw;
	}
	.skills-section .skills-list{
		width: 70vw;
	}
	.skills-section .skills-list .skills-item img{
		height: 10vw;
	}
	
	.last-projects-slider .last-projects-dots span{
		width: .9vw;
		height: .9vw;
		margin: 0 .55vw;
	}
	.last-projects-slider .last-projects-slide{
		width: 70vw;
		min-width: 70vw;
		border-radius: 3vw;
	}
	.git_hub-button{
		padding: .5vw 1vw;
		font-size: 1vw;
	}
	.last-projects-slider .last-projects-slide .slide-cont .info .main-text{
		font-size: 1vw;
		height: 16vw;
	}
	.last-projects-slider .last-projects-slide .slide-cont .info h3{
		font-size: 2.5vw;
	}
	.last-projects-slider .last-projects-slide .domain_adress a{
		font-size: 1.1vw;
		width: 32vw;
		padding: .75vw 2vw;
	}
	.last-projects-slider .last-projects-slide .domain_adress .copy{
		padding: .75vw 2vw;
	}
	.last-projects-slider .last-projects-slide .domain_adress .copy img{
		width: 1.2vw;
	}
	.last-projects-slider .last-projects-slide .slide-cont .info{
		width: 27vw;
	}
	.last-projects-slider .last-projects-slide .slide-cont .images .desc{
		width: 32vw;
	}
	.last-projects-slider .last-projects-slide .slide-cont .images .mob{
		width: 9.5vw;
	}
	.faqs{
		width: 65vw;
	}
	footer .container .info{
		width: 29vw;
	}
	.faqs .faq .info img{
		width: 2.3vw;
	}
	footer .container .info .main-text{
		margin-top: 2vw;
	}
	footer .container .columns .col h4{
		font-size: 1.3vw;
	}
	footer .container .columns .col a{
		font-size: 1.2vw;
		margin-top: 1.2vw;
	}
	footer .container .columns .col .contact_link img{
		width: 1.5vw;
		margin-right: .8vw;
	}
	footer .container .copyright p{
		font-size: 1vw;
	}
}
@media (min-width: 480px) and (max-width: 800px) {
	body{
		padding-top: 8vw;
	}
	.container{
		width: 90vw;
	}
	header .container{
		padding: 1.7vw 0;
	}
	.logo img{
		width: 5vw;
		height: 5vw;
	}
	header .menu a,
	header .actions .active-language,
	header .actions .language-changer .language-list a{
		font-size: 1.5vw;
	}
	header .actions .language-changer .language-list a{
		padding: .7vw 1.2vw;
	}
	header .actions .language-changer .language-list{
		border-radius: .8vw;
	}
	header .actions .theme-changer{
		width: 3.2vw;
		margin-left: 2vw;
	}
	header .actions .theme-changer{
		padding: 1.5px;
	}
	header .actions .main-button{
		margin-left: 3vw;
	}
	header .actions .language-changer .arrow{
		width: 1.1vw;
		margin-left: .8vw;
	}
	.top-section .top-main-img{
		margin-right: -2vw;
	}
	.about-section .blured_blob{
		right: 0;
	}
	.top-section h1{
		font-size: 4.7vw;
	}
	.top-section .info .sub-title h3{
		font-size: 2vw;
	}
	.top-section .info .main-text{
		width: 40vw;
	}
	.main-text{
		font-size: 1.5vw;
	}
	.main-subtitle{
		font-size: 2vw;
	}
	.main-button p,
	.empty-button p{
		font-size: 1.3vw;
	}
	.main-button,
	.empty-button{
		padding: 1.5vw 3.5vw;
	}
	.about-section .achievements .achievement h3{
		font-size: 4vw;
	}
	.about-section .achievements .lines span{
		height: 8vw;
	}
	.about-section>.main-text{
		margin-top: 1vw;
	}
	.you-get-section .you-get-list .you-get-item .icon{
		width: 6.5vw;
		margin-bottom: 1.8vw;
		border-radius: 1.7vw;
	}
	.skills-section .skills-list{
		width: 75vw;
	}
	.skills-section .skills-list .skills-item img{
		height: 12vw;
	}
	.last-projects-slider{
		padding-bottom: 4vw;
	}
	
	.last-projects-slider .last-projects-dots span{
		width: 1vw;
		height: 1vw;
		margin: 0 .7vw;
	}
	.last-projects-slider .last-projects-slide .domain_adress{
		border-radius: 1vw;
	}
	.last-projects-slider .last-projects-slide .domain_adress .copy{
		padding: 1vw 2.5vw;
	}
	.last-projects-slider .last-projects-slide .domain_adress .copy img{
		width: 1.5vw;
	}
	.last-projects-slider .last-projects-slide .domain_adress a {
        font-size: 1.3vw;
        width: 38vw;
        padding: 1vw 2.5vw;
    }
	.last-projects-slider .last-projects-slide{
		width: 85vw;
		min-width: 85vw;
		border-radius: 4vw;
		padding: 3vw;
	}
	.last-projects-slider .last-projects-slide .slide-cont{
		align-items: center;
	}
	.git_hub-button{
		font-size: 1.3vw;
	}
	.git_hub-button img{
		width: 2vw;
		margin-right: .8vw;
		margin-left: -.8vw;
	}
	.last-projects-slider .last-projects-slide .slide-cont .info .main-text{
		font-size: 1.2vw;
		height: 20vw;
		margin-top: 1.5vw;
	}
	.last-projects-slider .last-projects-slide .slide-cont .info h3{
		font-size: 3vw;
	}
	.last-projects-slider .last-projects-slide .slide-cont .info{
		width: 33vw;
	}
	.last-projects-slider .last-projects-slide .slide-cont .images .desc{
		width: 37vw;
		border-radius: 3vw;
	}
	.last-projects-slider .last-projects-slide .slide-cont .images .mob{
		width: 11vw;
		border-radius: 2vw;
	}
	.faqs{
		width: 70vw;
	}
	.faqs .faq .info img{
		width: 2.6vw;
	}
	footer::before{
		width: 96%;
		left: 2%;
	}
	footer .container .info{
		width: 35vw;
	}
	footer .container .info .main-text{
		margin-top: 2.5vw;
	}
	footer .container .columns .col{
		margin-left: 6vw;
	}
	footer .container .columns .col h4{
		font-size: 1.8vw;
	}
	footer .container .columns .col a{
		font-size: 1.5vw;
		margin-top: 2vw;
	}
	footer .container .columns .col .contact_link img{
		width: 1.8vw;
		margin-right: 1vw;
	}
	footer .container .copyright p{
		font-size: 1.3vw;
		padding: 1.5vw;
	}
	footer .container .copyright{
		border-width: .5px;
	}
}
@media (max-width: 479px) {
	body{
		padding-top: 20vw;
	}
	body .desktop{
		display: none!important;
	}
	body .mobile{
		display: unset;
	}
	.container{
		width: 85vw;
	}
	body.white_mode header{
		background: none;
	}
	body.white_mode header>::before{
		background: var(--main--white-background);
		opacity: .2;
	}
	body.white_mode header .burger span{
		background: #444;
	}
	body.white_mode header .menu-cont::before{
		background: var(--main--white-background);
	}
	header .container,
	header.top-position .container{
		padding: 5vw 0;
	}
	header{
		background: none;
	}
	header>::before{
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: var(--main--background);
		opacity: .5;
		z-index: 2;
		transition: .5s;
	}
	header>::after{
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		backdrop-filter: blur(2vw);
		-webkit-backdrop-filter: blur(2vw);
		z-index: 3;
		transition: .5s;
	}
	header.active>::before,
	header.active>::after{
		opacity: 0;
	}
	header .menu-cont{
		display: none;
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		flex-direction: column;
		justify-content: center;
		z-index: 5;
		backdrop-filter: blur(2vw);
		-webkit-backdrop-filter: blur(2vw);
		transition: .6s;
		transform: scale(5);
		opacity: 0;
	}
	header .menu-cont::before{
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: var(--main--background);
		opacity: .7;
		z-index: -1;
	}
	header .menu a{
		font-size: 5vw;
		margin: 5vw 0;
	}
	header .menu{
		flex-direction: column;
		margin: 8vw 0;
		opacity: 0;
		transition: .3s;
	}
	header .menu-cont.animation{
		transform: scale(1);
		opacity: 1;
	}
	header .menu-cont.active{
		display: flex!important;
	}
	header .menu-cont.animation .menu{
		opacity: 1;
	}
	.about-section .blured_blob{
		right: 0;
	}
	header .burger{
		width: 8vw;
		height: 6vw;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-between;
		z-index: 10;
	}
	header .burger span{
		width: 100%;
		height: .9vw;
		border-radius: 1vw;
		background: #fff;
		display: block;
		transition: .5s;
		position: relative;
		top: 0;
	}
	header .burger.active span:nth-child(1){
		transform: rotate(45deg);
		top: 2.65vw;
	}
	header .burger.active span:nth-child(2){
		transform: scaleX(0);
	}
	header .burger.active span:nth-child(3){
		transform: rotate(-45deg);
		top: -2.45vw;
	}
	.main-button,
	.empty-button{
		padding: 4vw 7.5vw;
		border-radius: 20vw;
	}
	.main-button p,
	.empty-button p{
		font-size: 3.5vw;
	}
	.btns{
		width: 100%;
		justify-content: space-between;
	}
	header .menu a::before{
		content: unset;
	}
	header .menu a.active{
		font-family: "roboto-medium"; 
		color: #2fa3bd;
	}
	.main-button::before{
		border-radius: 20vw;
		opacity: .7;
		filter: blur(5vw);
	}
	.main-title{
		font-size: 8vw;
	}
	.message{
		bottom: 10vw;
		padding: 3vw 6vw;
		border-radius: 4.5vw;
		transform: translate(-50%, 25vw);
	}
	.message svg{
		width: 4vw;
		margin-right: 3vw;
	}
	header .actions{
		z-index: 10;
	}
	header .actions .theme-changer{
		width: 8vw;
		margin-left: 4vw;
	}
	header .actions .language-changer{
		padding: 2vw 0;
	}
	header .actions .active-language{
		font-size: 4.5vw;
	}
	header .actions .language-changer .arrow{
		width: 3vw;
		margin-left: 1.5vw;
	}
	header .actions .language-changer .language-list{
		border-radius: 2vw;
	}
	header .actions .language-changer .language-list a{
		padding: 2vw 3vw;
		font-size: 4vw;
	}
	header .main-title{
		font-size: 6vw;
	}
	.top-section{
		flex-direction: column-reverse;
		margin-top: 0;
	}
	.top-section .top-main-img{
		width: 100%;
		margin-right: -5vw;
	}
	.top-section .info{
		width: 100%;
		margin: 5vw 0;
	}
	.top-section h1{
		font-size: 8vw;
		margin-bottom: 4vw;
	}
	.top-section .info .sub-title:before{
		width: 30vw;
	}
	.top-section .info .sub-title h3{
		font-size: 5vw;
		margin-left: 3vw;
	}
	.top-section .info .main-text{
		width: 100%;
		font-size: 3.5vw;
		margin-top: 5vw;
		margin-bottom: 6vw;
	}
	.main-text{
		font-size: 3.5vw;
	}
	.main-subtitle{
		font-size: 5vw;
	}
	.about-section>.main-text{
		margin-top: 2vw;
		margin-bottom: 7vw;
	}
	.about-section .achievements{
		flex-direction: column;
		align-items: center;
	}
	.about-section .achievements .lines{
		display: none;
	}
	.about-section .achievements .achievement{
		width: 90%;
		margin-bottom: 7vw;
		padding-bottom: 8vw;
		border-bottom: 2px solid #363636;
	}
	.about-section .achievements .achievement:last-child{
		border: none;
		padding-bottom: 0;
	}
	.about-section .achievements .achievement h3{
		font-size: 10vw;
		margin-bottom: 2vw;
	}
	.you-get-section .you-get-list{
		margin-top: 6vw;
	}
	.you-get-section .you-get-list .you-get-item{
		width: 100%;
		padding: 5vw;
		border-radius: 2vw;
	}
	.you-get-section .you-get-list .you-get-item .icon{
		width: 15vw;
		border-radius: 4vw;
		margin-bottom: 5vw;
	}
	.you-get-section .you-get-list .you-get-item .main-text{
		margin-top: 2vw;
	}
	.skills-section .skills-list{
		width: 100%;
		margin-top: 8vw;
	}
	.skills-section .skills-list .skills-item,
	.skills-section .skills-list .skills-item:nth-child(4n){
		width: 50%;
		display: flex;
		justify-content: flex-end;
		margin-bottom: 15vw;
	}
	.skills-section .skills-list .skills-item img{
		height: 25vw;
		margin-right: 10vw;
	}
	.skills-section .skills-list .skills-item:before{
		left: 40%;
	}
	.last-projects-slider .last-projects-slide{
		width: 85vw;
		min-width: 85vw;
		border-radius: 7vw;
		padding: 7vw;
	}
	.last-projects-slider .last-projects-slide .slide-cont{
		flex-direction: column-reverse;
		margin-top: 6vw;
	}
	.last-projects-slider .last-projects-slide .slide-cont .info{
		width: 100%;
	}
	.last-projects-slider .last-projects-slide .slide-cont .images .desc{
		width: 60vw;
		
		border-radius: 5vw;
	}
	.last-projects-slider .last-projects-slide .slide-cont .images .mob{
		width: 18vw;
		margin-top: 5vw;
		border-radius: 4vw;
	}
	.last-projects-slider .last-projects-slide .slide-cont .images img{
		border-width: 2px;
	}
	.last-projects-slider .last-projects-slide .domain_adress{
		border-radius: 2vw;
	}
	
	.last-projects-slider .last-projects-slide .slide-cont .info h3{
		font-size: 6vw;
		width: 73%;
	}
	.last-projects-slider .last-projects-slide .slide-cont .info .main-text{
		font-size: 3.5vw;
		height: 40vw;
		margin-top: 4vw;
		margin-bottom: 1.5vw;
		position: relative;
		overflow: hidden;
	}
	.last-projects-slider .last-projects-slide .slide-cont .info .main-text::after{
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		height: 12vw;
		width: 100%;
		background: #181818;
		transform: translate(0, 50%) scale(2);
		filter: blur(1.5vw);
	}
	body.white_mode .last-projects-slider .last-projects-slide .slide-cont .info .main-text::after{
		background: #f5f7fa;
	}
	.last-projects-slider .last-projects-slide .btns{
		z-index: 5;
		position: relative;
	}
	.git_hub-button{
		padding: 4vw 7.5vw;
		border-radius: 20vw;
		font-size: 3.5vw;
	}
	.git_hub-button img{
		width: 4.5vw;
		margin-right: 2vw;
		margin-left: -2vw;
	}
	.last-projects-slider .last-projects-slide .domain_adress a{
		width: 63vw;
		padding: 2vw 4vw;
		font-size: 3.5vw;
		overflow: hidden;
		position: relative;
	}
	.last-projects-slider .last-projects-slide .domain_adress a::after{
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		width: 6vw;
		background: #353434;
		transform: translate(50%, 0) scale(2);
		filter: blur(1vw);
	}
	body.white_mode .last-projects-slider .last-projects-slide .domain_adress a::after{
		background: #fff;
	}
	.last-projects-slider .last-projects-slide .domain_adress .copy{
		padding: 0 3vw;
	}
	.last-projects-slider .last-projects-slide .domain_adress .copy img{
		width: 3vw;
	}
	.last-projects-slider{
		padding-bottom: 8vw;
	}
	.last-projects-slider .last-projects-dots{
		margin: 5vw 0;
	}
	.last-projects-slider .last-projects-dots span{
		width: 2.5vw;
		height: 2.5vw;
		margin: 0 2vw;
	}
	.faqs{
		width: 100%;
	}
	.faqs .faq{
		padding: 4vw;
		border-radius: 4vw;
		margin-bottom: 5vw;
	}
	.faqs .faq h3{
		font-size: 4.3vw;
	}
	.faqs .faq .info img{
		width: 6vw;
		margin-left: 4vw;
	}
	.faqs .faq .text p{
		padding: 4vw;
	}
	footer{
		margin-top: 20vw;
	}
	footer .container{
		grid-template-columns: 1fr;
        grid-template-areas:
            "info"
            "columns"
            "copyright";
	}
	footer .container .info{
		width: 100%;
		padding-top: 7vw;
	}
	.logo img{
		width: 10vw;
		height: 10vw;
	}
	.logo h3{
		margin-left: 4vw;
	}
	footer .container .info .main-text{
		margin-top: 4vw;
	}
	footer::before{
		left: 2.5%;
		width: 95%;
	}
	footer .container .info .empty-button{
		margin-top: 6vw;
	}
	footer .container .columns{
		flex-wrap: wrap;
		margin-top: 7vw;
	}
	footer .container .columns .col{
		width: 45%;
		margin: 0;
		margin-bottom: 6vw;
	}
	footer .container .columns .col h4{
		font-size: 4vw;
		font-family: "roboto-regular";
	}
	footer .container .columns .col a{
		font-size: 3.5vw;
		margin-top: 4vw;
	}
	footer .container .columns .col:nth-child(2){
		order: 3;
	}
	footer .container .columns .col:nth-child(3){
		order: 2;
	}
	footer .container .columns .col .contact_link img{
		width: 4vw;
		margin-right: 2vw;
	}
	footer .container .copyright p{
		font-size: 3vw;
		padding: 4vw;
	}
}
@media (min-aspect-ratio: 1/1.3) and (max-width: 479px) {
	header .menu{
		margin: 6vh 0;
	}
	header .menu a{
		margin: 4vh 0;
		font-size: 3.7vh;
	}
	header .main-title{
		font-size: 4.5vh;
	}
	header .main-button{
		padding: 2.5vh 5vh;
	}
	header .main-button p{
		font-size: 2.7vh;
	}
}