diff --git a/css/index.css b/css/index.css
index 97466e7..207c5f9 100644
--- a/css/index.css
+++ b/css/index.css
@@ -5,10 +5,34 @@
 	background-position: center;
 	background-repeat: no-repeat;
 	background-size: cover;
-	height: 100%;
+	height: 100vh;
 
 }
 
+.container{
+	max-width: 1700px;
+	margin: 0px auto;	
+}
+
+@media (max-widh:1200px){
+	.container{
+		max-width: 970px;
+	}
+}
+
+@media (max-widh:992px){
+	.container{
+		max-width: 750px;
+	}
+}
+
+@media (max-widh:767px){
+	.container{
+		max-width: none;
+	}
+}
+
+
 .kotya{
   width: 500px;
   padding: 40px;
diff --git a/index.htm b/index.htm
index 1def783..d451ca1 100644
--- a/index.htm
+++ b/index.htm
@@ -2,16 +2,20 @@
 <meta charset="UTF-8">
 <html lang="ru">
 <head>
-	<link rel="stylesheet" href="css/index.css"><link href="https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap" rel="stylesheet">
 	<title>Ты котя?</title>
+	<link rel="stylesheet" href="css/index.css"><link href="https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap" rel="stylesheet">
+	<meta name="viewport" content="width=device-width">
 	
 </head>
 <body>
-	<div class="kotya">
-		<h1>Ты котя?</h1>
-		<input type="button" class="flex-child" id="yesbtn" value="Да" onClick='location.href="yespage.htm"'>
-		<input type="button" class="flex-child" id="nobtn"  value="Нет" onClick='location.href="nopage.htm"'>
+	<div class="container">
+		<div class="kotya">
+			<h1>Ты котя?</h1>
+			<input type="button" class="flex-child" id="yesbtn" value="Да" onClick='location.href="yespage.htm"'>
+			<input type="button" class="flex-child" id="nobtn"  value="Нет" onClick='location.href="nopage.htm"'>
+		</div>
 	</div>
+	
 </body>
 
 </html>
\ No newline at end of file
