* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: "Roboto", sans-serif;
	font-weight: 100;
	font-style: normal;
    background-color: #060000;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.container {
    text-align: center;
}

.coming-soon {
    font-size: 3rem; /* Adjust font size as needed */
	margin-bottom: 50px;
}

.logo {
    margin-bottom: 0px;
}

.logo-image {
    max-width: 700px;   /* размер логотипа */
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.modabaza {
	font-family: "Libre Bodoni", system-ui;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-size: 6rem;
}

.tagline {
    font-size: 3rem; /* Adjust tagline font size */
    color: #FFFFFF; /* Adjust color */
	font-weight: 600;
	margin: 0;
}

.social-icons {
	margin-top: 20px;
    text-align: center;
    white-space: normal;
}

.social-icons a {
    width: 64px;
    height: 64px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.25s ease, opacity 0.25s ease;
}

.social-icons a:not(:last-child) {
    margin-right: 24px;
}

.social-icons a:hover {
    transform: scale(1.15);
    opacity: 0.85;
}

.telegram {
    background-image: url('https://modabaz.ru/assets/icons/telegram.png'); /* Replace with actual icon URL */
}

.whatsapp {
    background-image: url('https://modabaz.ru/assets/icons/whatsapp.png'); /* Replace with actual icon URL */
}

.vk {
    background-image: url('https://modabaz.ru/assets/icons/vk.png'); /* Replace with actual icon URL */
}

.instagram {
    background-image: url('https://modabaz.ru/assets/icons/instagram.png'); /* Replace with actual icon URL */
}

.youtube {
    background-image: url('https://modabaz.ru/assets/icons/youtube.png'); /* Replace with actual icon URL */
}

@media (max-width: 768px) {
	
	.logo-image {
        max-width: 700px; /* логотип меньше */
    }

    .social-icons {
        margin-top: 25px;
    }

    .social-icons a {
        width: 56px;
        height: 56px;
    }
	
	.social-icons a:not(:last-child) {
    margin-right: 18px;
	}
}

@media (max-width: 400px) {

    .logo-image {
        max-width: 400px;
    }

    .social-icons a {
        width: 50px;
        height: 50px;
    }
}