* {margin: 0; padding: 0;}

body{
background-color: rgb(240,240,240);
font-family: arial;
}

h1{
font-weight: 500;
font-size: 17px;
text-align: center;
color: rgb(0,0,0);
}

h2{
font-weight: bold;
font-size: 19px;
text-align: center;
color: rgb(255,128,0);
}

h3{
font-weight: bold;
font-size: 14px;
text-align: center;
color: rgb(0,0,0);
}

h4{
font-weight: bold;
font-size: 26px;
text-align: center;
color: rgb(255,128,0);
}

h5{
font-weight: 500;
font-size: 17px;
text-align: justify;
color: rgb(0,0,0);
}

h6{
font-weight: 500;
font-size: 13px;
text-align: left;
color: rgb(100,100,100);
}

a:visited {
color: rgb(150,100,150);
}

div.header{
    margin: 5px;
    padding: 5px;
    width: 600px;
    text-align: center;
    float: left;
}

@media screen and (max-width: 1050px) {
div.header{
    margin: 5px;
    padding: 5px;
    width: 550px;
    text-align: center;
    float: left;
}}

@media screen and (max-width: 800px) {
div.header{
    margin: 5px;
    padding: 5px;
    width: 450px;
    text-align: center;
    float: left;
}}

div.index1{
    display: block;
    width: 100%;
    text-align: center;
}

div.index2{
    display: block;
    clear: both;
    width: 100%;
    text-align: center;
}

div.index3{
    display: block;
    clear: both;
    text-align: center;
    margin: 10px;
}


/*главное меню*/
div.menu{
    margin: 4px;
    padding: 5px;
    width: 200px;
    text-align: center;
    background-image: linear-gradient(to top, rgb(255,128,0), rgb(255,230,200));
    border-radius: 5px;
    float: left;
}

/*иконки по тексту*/
div.rules{
    margin: 4px;
    padding: 5px;
    width: 210px;
    text-align: center;
    background-image: linear-gradient(to top, rgb(255,128,0), rgb(255,230,200));
    border-radius: 6px;
    float: left;
}

/*расположение иконок в зависимости от ширины экрана*/
div.icon{
    margin: 0 auto;
    width: 1500px;
    text-align: center;
    max-width: 98%;
    min-width: 1470px;
}
img.icon{
    float: left;
    max-width: 12%;
    height: auto;
    padding: 1%;
}

@media screen and (max-width: 1420px) {
div.icon{min-width: 1270px;}
img.icon{max-width: 14%;
    height: auto;
    padding: 1%;}}

@media screen and (max-width: 1190px) {
div.icon{min-width: 1024px;}
img.icon{max-width: 18%;
    height: auto;
    padding: 1%;}}

@media screen and (max-width: 950px) {
div.icon{min-width: 830px;}
img.icon{max-width: 21%;
    height: auto;
    padding: 2%;}}

@media screen and (max-width: 799px) {
div.icon{min-width: 630px;}
img.icon{max-width: 29%;
    height: auto;
    padding: 2%;}}

@media screen and (max-width: 590px) {
div.icon{min-width: 440px;}
img.icon{max-width: 46%;
    height: auto;
    padding: 2%;}}

div.footer {
clear: both;
padding: 8 px;
color: rgb(240,240,200);
background-color: rgb(47,0,0);
font-family: Zapf Chancery, serif;
font-size: 13px;
}