/* Мобильные стили */
@media (max-width: 768px) {
	header {
		padding: 15px 0;
	}
	.hero button {
		width: auto;
        margin-top: auto;
    }
	.title {
		width: auto; 
		margin-top: auto; 
	}
	.title h1 {
		font-size: 4em; 
		margin: 20px 0; 
	}
	.title h2 {
		font-size: 3em; 
	}
	.games h2 {
		font-size: 3.5em; 
	}

	.title p, .games p, .about-left p {
		font-size: 2.5em; 
	}
	.games button, .years, .agames {
		width: auto; 
	}
	.star1, .star2, .star3 {
		height:150px;
	}
	.works {
		padding:0;
		width: 90%;
	}
	.scroll-down {
		font-size: 5em;
	}
	.works p {
	}
	.about-us {
		width: 90%;
	}
	.about-us p {
	}
	.about button {
		width: auto;
		margin-top: auto;
	}
	.slide {
		padding: 20px;
	}
	.slide h3{
		font-size: 1.5em;
	}
	.slide button {
		margin-top: auto;
	}
	form {
		width: 90%;
	}
	form input, form textarea, form select {
		padding:10px;
		font-size: 1em;
	}
	.scroll-to-top {
		width: auto;
        height: auto;
        font-size: 1.5em;
        padding: 15px 20px;
	}
}