@media (max-width: 768px) {
	.title {
		font-size: 65px;
	}
	
    .top-menu {
        display: none;
    }

    .menu-toggle {
        display: block;
    }

    .mobile-menu.active {
        display: flex;
    }

    .logo-container.mobile-logo {
        position: absolute;
        left: 20px;
        top: 5px;
        z-index: 2001;
    }

    .footer {
        flex-direction: column;
        padding: 15px;
    }

    .footer-block-left,
    .footer-block-right {
        width: 100%;
        text-align: center;
    }

    .footer-block-left {
        order: 1;
    }

    .footer-block-right {
        order: 4;
    }

    .footer-block-right {
        margin-top: 20px;
    }
	
	.top-container {
            height: 130px;
    }

	.page-title {
		font-size: 24px;
	}
	
	.nav-buttons {
		flex-direction: column;
		width: 100%;
	}

	.icon-button {
		width: 100%;
		box-sizing: border-box;
		justify-content: center;
	}
	
	.dlc-outer {
        width: 50%;
    }
}

@media screen and (max-width: 768px) {
    
}

@media (max-width: 480px) {
    .dlc-outer {
        width: 100%;
    }
}


@media (min-width: 769px) {
    .top-menu {
        display: flex;
        justify-content: center;
        gap: 20px;
    }

    .menu-toggle {
        display: none;
    }
	
	.menu-container {
        display: none;
    }

    .logo-container {
        position: absolute;
        left: 20px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2000;
    }
	
	.logo-container.mobile-logo {
        display: none;
    }

    .footer-block-right {
        margin-top: 0;
    }
}