@charset "utf-8";
BODY {width: 100%; padding: 0; margin: 0; border: 0; background:#fff; font-family: Roboto; font-size:14px; color:#000;  }

@font-face {
	    font-family: Roboto; 
	    src: local("Roboto-Regular"), 
	         url(/font/Roboto-Regular.ttf);
	  }
	  
	  @font-face {
	    font-family: RobotoCondensed; 
	    src: local("RobotoCondensed"), 
	         url(/font/RobotoCondensed-Regular.ttf);
	  }

@font-face {
	    font-family: RobotoCondensed-Bold; 
	    src: local("RobotoCondensed"), 
	         url(font/RobotoCondensed-Bold.ttf); 
	  }

@font-face {
	    font-family: RobotoCondensed-Italic; 
	    src: local("RobotoCondensed"), 
	         url(/font/RobotoCondensed-Italic.ttf);
	  }

@font-face {
	    font-family: RobotoCondensed Bold Italic; 
	    src: local("RobotoCondensed"), 
	         url(/font/RobotoCondensed-BoldItalic.ttf); 
	  }



.clear {
clear: both; height: 1px
}

    .container {
      display: flex; /* Делает контейнер flex-контейнером */
      justify-content: center; /* Выравнивает по горизонтали по центру */
      align-items: center; /* Выравнивает по вертикали по центру */
      height: 100vh; /* Задает высоту для центрирования относительно всей высоты страницы */
      width: 100%;
	  background: #fcc500;

    }

    .square {
      display: flex; /* Делает контейнер flex-контейнером */
      justify-content: center; /* Выравнивает по горизонтали по центру */
      align-items: center; /* Выравнивает по вертикали по центру */
	  background: #fcc500;
  	position: relative;
      width: 860px; /* Пример ширины квадрата */
      height: 480px; /* Пример высоты квадрата */
	  margin-bottom: 100px;
    }

  .squaresm {
		height: 240px; 
        width: 430px;
	  	margin-top: 20px
    }

.h {
	border: 0
}

.s2025{
	position: absolute; bottom: 10px;height: 50px;
}

@media screen and (max-width:640px){ 
	
	 .square {
      display: flex; /* Делает контейнер flex-контейнером */
      justify-content: center; /* Выравнивает по горизонтали по центру */
      align-items: center; /* Выравнивает по вертикали по центру */
  	  position: relative;
      width: 430px;
      height: 240px; 
	  margin-bottom: 50px;
    }
	
	  .squaresm {
		height: 240px; 
        width: 240px;
    }
	
.s2025{
	position: absolute; bottom: -10px;height: 50px;
}

}