@media screen and (max-width: 768px) {
	: root {
		font-size: 8px
	}
	body {
		.banner {
			height: 320px;
			.cover {
				height: 320px;
			}
			.text {
				height: 320px;
				.header {
					padding-top: 40px;
					padding-bottom: 40px;
					h1 {
						font-size: 1.4rem;
					}
					h2 {
						margin: 5px 0;
						font-size: 1.6rem;
					}
					p {
						font-size: 0.9rem ;
					}
				}
			}
			.image {
				width: 768px;
				height: 320px;
			}
		}
		.mainmenu {
			top: 15px;
			right: 15px;
			.block {
				width: 50%;
				border: 1px solid #fff;
				&.active {
					&:hover {
						border: 1px solid #fff;
					}
				}
				&.selected {
					border: 1px solid #fff;
				}
			}
			&.full {
				width: 50%;
				gap: 1px;
				.block {
					width: 100%;
					height: 30px;
					font-size: 1.1rem;
					font-weight: 300;
					border: 1px solid #fff;
					.link {
						padding: 2px 5px;
						text-align: right;
					}
					&.home {
						background-image: unset !important; 
						background: var(--vvits-green) !important;
						background: linear-gradient(150deg, rgba(0, 175, 140, 1) 15%, rgba(16, 191, 156, 1) 20%, rgba(32, 207, 172, 1) 40%, rgba(0, 175, 140, 1) 70%, rgba(0, 175, 140, 1) 100%) !important;
						.link {
							display: block;
						}
					}
				}
			}
			&.mini {
				width: 70px;
				gap: 2px;
				.overlay {
					position: absolute;
					width: 70px;
					height: 70px;
					display: block;
					background: transparent;
					opacity: 0;
					z-index: 12;
				}
				.block {
					width: 20px;
					height: 20px;
					border: 1px solid #fff;
				}
			}
		}
		.content {
			.text 
				{
				padding-top: 20px;
				padding-bottom: 10px;
				h2 {
					font-size: 1.4rem;
				}
				h3 {
					font-size: 1.1rem;
				}
				p {
					font-size: 0.9rem;
				}
				&:last-child {
					padding-bottom: 100px;
				}
			}
		}
		.footer {
			.container {
			left: 20px;
			right: 20px;
			font-size: 0.8rem;
			.item {
				&.timestamp {
					display: none;
				}
			}
		}
	}
}