@media only screen and (max-width: 480px) {
	#root .modal-window-container form{
		width: calc(100% - 13.2vw - 5.5vw);
		padding: 6.6vw;
		border-radius: 5.5vw;
	}
	#root .modal-window-container form .xmark-button{
		right: 4.4vw;
		font-size: 5.5vw;
	}
	#root .modal-window-container form .status-indicator{
		width: 13.3vw;
		height: 13.3vw;
		font-size: 6.6vw;
		margin-bottom: 4.4vw;
	}
	#root .modal-window-container form span{
		font-size: 4.4vw;
		line-height: 7.7vw;
	}
	#root .modal-window-container form small{
		font-size: 3.8vw;
		line-height: 5.5vw;
	}
	#root .modal-window-container form .primary-button{
		margin-top: 8.8vw;
		font-size: 4.4vw;
		padding: 2.7vw 4.4vw;
		border-radius: 4.4vw;
	}

	#root nav{
		margin: 6.25vw 4vw;
	}
	#root nav img{
		height: 10.3vw;
	}
	#root nav a{
		display: none;
	}
	#root nav .navbar-trailing{
		display: none;
	}

	#root .home-container{
		margin: 0 2.7vw;
		margin-top: 3.3vw;
		grid-template-columns: 1fr;
		border-radius: 6.25vw;
	}
	#root .home-container .home-container-section{
		padding: 0 4.1vw;
		padding-top: 9.1vw;
	}
	#root .home-container .home-container-section h1{
		font-size: 9.1vw;
		margin-bottom: 2.5vw;
	}
	#root .home-container .home-container-section span{
		font-size: 5vw;
		margin-bottom: 5vw;
	}
	#root .home-container .home-container-section button{
		justify-content: center;
		width: 100%;
		font-size: 5vw;
		border-radius: 3.3vw;
		padding: 4.1vw 0;
	}
	#root .home-container .home-illustration-container{
		padding: 0;
		padding-top: 8vw;
	}
	#root .home-container .home-illustration-container .home-desktop-illustration{
		display: none;
	}
	#root .home-container .home-illustration-container .home-mobile-illustration{
		display: initial;
	}
	#root .home-container .home-illustration-container img{
		width: 100%;
		height: 90vw;
	}

	#root .about-container{
		margin: 0 2.7vw;
		margin-top: 10.4vw;
		grid-template-columns: 1fr;
		border-radius: 6.25vw;
	}
	#root .about-container .reverse-side{
		order: -1;
	}
	#root .about-container .about-container-side{
		padding: 6.25vw 4.1vw;
	}
	#root .about-container .about-container-side img{
		width: 100%;
		height: 60.5vw;
	}
	#root .about-container .about-container-side h1{
		font-size: 6.6vw;
	}
	#root .about-container .about-container-side span{
		font-size: 5vw;
	}
	#root .about-container .about-container-side .remark{
		gap: 3.3vw;
		margin-top: 5.8vw;
	}
	#root .about-container .about-container-side .remark i{
		width: 10.4vw;
		height: 10.4vw;
		font-size: 6.6vw;
	}
	#root .about-container .about-container-side .remark small{
		font-size: 4vw;
	}

	#root .roadmap-wrapper{
		margin: 0 2.7vw;
		margin-top: 10.4vw;
	}
	#root .roadmap-wrapper h1{
		font-size: 6.6vw;
	}
	#root .roadmap-wrapper .roadmap{
		margin-top: 7.9vw;
		padding: 0 2vw;
		gap: 6.6vw;
		flex-direction: column;
		align-items: start;
	}
	#root .roadmap-wrapper .roadmap progress{
		top: 43vw;
		bottom: unset;
		right: 55vw;
		transform: rotate(90deg);
		height: 2px;
		width: 75%;
	}
	#root .roadmap-wrapper .roadmap .roadmap-card{
		width: 100%;
		flex-direction: row;
		gap: 3.3vw;
	}
	#root .roadmap-wrapper .roadmap .roadmap-card i{
		width: 6.6vw;
		height: 6.6vw;
		aspect-ratio: 1/1;
		font-size: 5vw;
		margin-bottom: 0;
	}
	#root .roadmap-wrapper .roadmap .roadmap-card div{
		display: flex;
		flex-direction: column;
	}
	#root .roadmap-wrapper .roadmap .roadmap-card div span{
		font-size: 5vw;
		line-height: 6.6vw;
	}
	#root .roadmap-wrapper .roadmap .roadmap-card div small{
		font-size: 3.3vw;
		line-height: 5vw;
	}

	#root .contacts-container{
		margin-top: 10.4vw;
		padding: 8.3vw 5.5vw;
	}
	#root .contacts-container form{
		width: fit-content;
	}
	#root .contacts-container form h1{
		font-size: 6.1vw;
	}
	#root .contacts-container form span{
		font-size: 4.4vw;
	}
	#root .contacts-container form .form-container{
		width: 100%;
		margin-top: 8.8vw;
		gap: 6.6vw;
	}
	#root .contacts-container form .form-container .form-group{
		gap: 1vw;
	}
	#root .contacts-container form .form-container .form-group label{
		font-size: 3.8vw;
	}
	#root .contacts-container form .form-container .form-group input{
		font-size: 3.3vw;
		padding: 3.3vw;
		width: calc(100% - 6.6vw);
		border-radius: 4.4vw;
	}
	#root .contacts-container form .form-container .form-group button{
		width: 100%;
		padding: 5.5vw;
		border-radius: 4.4vw;
	}
	#root .contacts-container form .form-container .form-group button i,
	#root .contacts-container form .form-container .form-group button span{
		font-size: 4.4vw;
		color: white;
	}

	#root .downloads-container{
		margin: 0 2.7vw;
		margin-top: 10.4vw;
		grid-template-columns: 1fr;
		border-radius: 6.25vw;
	}
	#root .downloads-container .downloads-container-side{
		padding: 6.1vw 5.5vw;
	}
	#root .downloads-container .downloads-container-side.image-container{
		overflow: hidden;
		position: relative;
		height: 78vw;
	}
	#root .downloads-container .downloads-container-side img.logo-on-phone-desktop{
		display: none;
	}
	#root .downloads-container .downloads-container-side img.logo-on-phone-mobile{
		position: absolute;
		display: initial;
		object-fit: cover;
		width: 72vw;
		height: auto;
		align-self: center;
	}
	#root .downloads-container .downloads-container-side h1{
		font-size: 6.6vw;
		margin-bottom: 3.3vw;
	}
	#root .downloads-container .downloads-container-side span{
		font-size: 4.4vw;
	}
	#root .downloads-container .downloads-container-side .download-links{
		margin-top: 4.4vw;
	}
	#root .downloads-container .downloads-container-side .download-links img{
		display: none;
	}
	#root .downloads-container .downloads-container-side .download-links .download-links-stores{
		gap: 2.7vw;
		width: 100%;
	}
	#root .downloads-container .downloads-container-side .download-links .download-links-stores a{
		gap: 2.7vw;
		font-size: 3.8vw;
		padding: 3.8vw 5.5vw;
		border-radius: 4.4vw;
	}
	#root .downloads-container .downloads-container-side .download-links .download-links-stores a img{
		display: initial;
		width: 6.6vw;
		height: 6.6vw;
	}

	#root .footer-wrapper{
		align-items: start;
		padding: 8.3vw 5.5vw;
		margin: 0 2.7vw;
		margin-top: 10.4vw;
		border-radius: 6.25vw;
	}
	#root .footer-wrapper img{
		height: 12vw;
	}
	#root .footer-wrapper .footer-menu{
		margin: 6.6vw 0;
		flex-direction: column;
		align-items: start;
		gap: 3.3vw;
	}
	#root .footer-wrapper .footer-menu a{
		font-size: 3.8vw;
		line-height: 6.6vw;
	}
	#root .footer-wrapper .footer-meta{
		display: flex;
		flex-direction: column;
		align-items: start;
		gap: 4.4vw;
	}
	#root .footer-wrapper .footer-meta a{
		font-size: 3.8vw;
		line-height: 6.6vw;
	}
	#root .footer-wrapper .footer-meta .footer-meta-socials{
		display: flex;
		align-items: center;
		gap: 3.3vw;
	}
	#root .footer-wrapper .footer-meta .footer-meta-socials .fab{
		font-size: 6.6vw;
	}
}