html{
    height:100%;
}
body{
    background-image:url('/images/background.jpg');
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
    margin-bottom:0px;
}

.general{
    width:1000px;
    max-width: 100%;
    margin:auto;
    background-color:rgba(255, 255, 255, 0.9);
}
.header{
    width:100%;
}
.contact{
    font-size:22px;
    width:100%;
    height:50px;
    display:table;
}
.contact>div{
    display:inline-block;
    width:50%;
    vertical-align:middle;
}
.location{
    display:table;
    width:100%;
}
.location>div{
    display:table-cell;
    width:50%;
    padding:2px;
    vertical-align:middle;
}
.telephone{
    display:table;
}
.telephone>a>div{
    display:table-cell;
    padding:2px;
    vertical-align:middle;
}
.vk{
    display:table;
}
.vk>div{
    display:table-cell;
    width:50%;
    padding:2px;
    vertical-align:middle;
}
.wood{
    background-image:url('/images/wood.jpg');
    background-attachment: scroll;
    background-position: center;
    background-repeat: repeat;
    background-size:auto;
    display:table;
    width:100%;
    padding-top:30px;
    padding-bottom:30px;
}
.wood>div{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    width:50%;
    text-shadow:-2px -2px 1px gray, 2px  2px 1px black;
    color:white;
}
.navigation{
    display:table;
    width:100%;
}
.navigation>div{
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    width:50%;
    padding:5px;
    text-decoration:underline;
}
.main_block{
    width:100%;
    display:table;
    margin-top:10px;
    padding-bottom:-10px;
}
.main_block>div{
    display:table-cell;
}
p{
    font-size:24px;
    margin:0px 10px 0 10px;
    margin-bottom:10px;
}
ul{
    margin-top:-10px;
    margin-left:430px;
}
.rightimg  {
    float: left ; /* Выравнивание по правому краю  */ 
    margin:10px 10px 0 10px;
    width: 235px;
}
.small_display{
    display: none;
    margin: auto;
    max-width: 90%;
}

@media (max-width:580px){
    .contact>div {
    width: 100%;
    }
    .telephone {
        width: 100%;
        text-align: center;
    }
    .wood>div {
        display:block;
        width: 100%;
    }
    .rightimg{
        display:none;
    }
    .small_display{
        display:block;
    }
}
footer{
    background-color: #ddd;
    text-align: center;
    padding: 20px 0 20px 0;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #aaa; 
    font-size: 14px;
    max-width:1000px;
    margin:auto;
}

.other{
    margin: 0px 10px 0 10px;
    margin-bottom: 10px;
    text-align: center;
}
.other>div{
    font-size: 24px;
    display: flex;
}
.other>div>div{
    flex:1;
}

@media (max-width:500px){
    .other>div{
        display: block;
    }
    .other>div>div{
        display: block;
        flex: unset;
    }
}