body {
  position: relative;
  font-family: arial, serif;
}

h1.gg {
	padding-top: 10px;
	font-weight: bolder;
	color: white;
	background: #000000;
	font-size: 99px;
	text-align: center;
	position: sticky;
	}
html, body{
	margin: 0;
	padding: 0;
}
.space { 
    padding: 1px; /* Поля */
    background: blue; /* Цвет фона */
    border: 0px solid black; /* Параметры рамки */
   }
   
h1 {
   font-weight: bolder;
   color: white;
   background: blue;
   font-size: 99wv;
   text-align: center;
   position: sticky;
}
h2 {
   font-weight: bolder;
   color: white;
   background: #20B2AA;
   font-size: 32;
   text-align: center;
}

img {
    max-width: 100%;
    height: 320;
}
function getSeason ()

{

  $month = date ('n');//определяем номер текущего месяца

  switch ($month)

  {

    case 1:

    case 2:

    case 12: return 'winter';

    case 3:

    case 4:

    case 5: return 'spring';

    case 6:

    case 7:

    case 8: return 'summer';

    case 9:

    case 10:

    case 11: return 'autumn';

    default: return 'summer';

  }
a.button24 {
  display: inline-block;
  color: white;
  text-decoration: none;
  padding: .5em 2em;
  outline: none;
  border-width: 2px 0;
  border-style: solid none;
  border-color: #FDBE33 #000 #D77206;
  border-radius: 6px;
  background: linear-gradient(#FFFFFF, #E38916) #E38916;
  transition: 0.2s;
} 
a.button24:hover { background: linear-gradient(#f5ae00, #f59500) #f5ae00; }
a.button24:active { background: linear-gradient(#f59500, #f5ae00) #f59500; }

.btn-new {
    border: none;
    border-radius: 10px;
    text-decoration: none;
    color: white;
    background: #0B63F6;
    box-shadow: 0 5px 0 #003CC5;
}

.btn-new:hover {
    background: #003CC5;
    box-shadow: none;
    position: relative;
    top: 5px;
}

code {
  background: #eaeaed;
  color: #666;
  font: 14px/24px "Source Code Pro", Inconsolata, "Lucida Console", Terminal, "Courier New", Courier;
  display: inline-block;
  height: 90px;
  line-height: 90px;
  margin: 0 14px;
  text-align: center;
  width: 90px;
}
.border-rounded {
  border-radius: 5px;
}
.border-circle {
  border-radius: 50%;
}
.border-football {
  border-radius: 15px 75px;
}

div {
  border: 6px solid #949599;
  height: 10px;
  margin: 20px;
  padding: 20px;
  width: 4px;
}



}
.shop{
    margin-top: 15px;
    /*max-width: 200px;*/
    max-height: 200px;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border-top: 200px;
    border-width: 200px;
    overflow: hidden;
}
.wrapper{
  float: left;
}
.img-wrapper {
    float: left;
    margin: 0 20px 0 0;
    width: 320px;
    height: 240px;
    overflow: hidden;
}
.img-wrapper img {
    max-width: 100%;
}
.text-wrapper {
    overflow: hidden;
    float: left;
    max-width: 100px;
}
.shop h4 {
    margin: 0;
}



html, body{
	margin: 0;
	padding: 0;
}
ul#menu li {
	display:inline;
}
body {
	background-image: url('/fon.png');
	background-repeat: no-repeat;
	background-size: cover;
	font-family: Arial;
}
a.button24 {
display: inline-block;
color: white;
text-decoration: none;
padding: .5em 2em;
outline: none;
border-width: 2px 0;
border-style: solid none;
border-color: #FDBE33 #000 #D77206;
border-radius: 0px;
background: linear-gradient(#F3AE0F, #E38916) #E38916;
transition: 0.2s;
} 
a.button24:hover { background: linear-gradient(#f5ae00, #f59500) #f5ae00; }
a.button24:active { background: linear-gradient(#f59500, #f5ae00) #f59500; }
a.button8 {
display: inline-block;
color: white;
font-weight: 700;
text-decoration: none;
user-select: none;
padding: .5em 2em;
margin:0px;
outline: none;
border: 0px;
border-radius: 0px;
transition: 0.5s;
background: linear-gradient(#20B2AA, #008080) #E38916;
width: 5vw;
height: 30px;
overflow-x: hidden;
overflow-y: hidden;
} 
a.button8:hover { background: rgba(0,0,0,.2); }
a.button8:active { background: green; }
.sign {

border: 1px solid #333; /* Параметры рамки */
padding: 7px; /* Поля внутри блока */
margin: 10px 5px 5px 5px; /* Отступы вокруг */
background: #f0f0f0; /* Цвет фона */ 
}
.sign figcaption {
margin: 0 auto 5px; /* Отступы вокруг абзаца */
}
.items {
display: flex;
  
}

.item {  
width: 16.25%;
padding-top: 3%;
padding-left: 3.75%;
padding-right: 3.75%;
margin-bottom: 1rem;
hh1{
	position: fixed;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	border: solid orange;
	height: 150px;
}
.space { 
	padding: 3px; /* Поля */
	background: #1E90FF; /* Цвет фона */
	border: 0px solid #EEEEE1; /* Параметры рамки */
	border-style: outset;
	width: 100vw;
	font-style: oblique;
	justify-content: center;
	color: black;
	min-height: calc( 100vh - 60px);
	text-align: center;
	align-items: center;
	margin: auto;
	
}
.ip {
	text-align: center;
	align-items: center;
}


.buttt {
	padding: 12px;
	
}