nav ul a {
    color: #000;
}

nav ul a:hover {
    color: #fff;
    background-color: #000;
}
.info {
bottom: 83px;
    
}
#menu li { 
text-align: center;
width: 25%; 
float: left;
text-decoration: underline;
}
#map {
height: 400px;
}

.wrapbaner {
padding-top: 4rem;
padding-left: 30rem;
height: 300px;
}
.contentbaner {
width: 100%;
float: left;
}
.contactbaner {
width: 100%;
float: left;
text-align: center;
}
#banericon {
float: left;
margin-left: 13rem;
margin-bottom: 4rem;
}
#contactbanertime {
float: left;
margin-left: 10%;
text-align: center;
}
#contactbanertimemobile {
text-align: center;
}
#contactbanermaster {
float: left;
margin-left: 10%;
text-align: center;
}
#contactbanermastermobile  {
text-align: center;
}
.bgbig {
width: 100%;
height: 550px;
position: relative;
background: url(https://24zamok.ru/wa-data/public/site/fon/bgbig.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: no-repeat;
background-position: bottom;
background-position-x: center;
background-position-y: bottom;
    
}
.maproswebmaterial {
position:relative;
padding-top:30px;
overflow:hidden;
max-width: 100%;
}
.maproswebmaterial iframe,.maproswebmaterial object,.maproswebmaterial embed{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;   
}
.side-nav li > a > i.material-icons {
    color: #000;
    
    }

.userView > p > i.material-icons {
    color: #000;
    float: left;
    height: 48px;
    line-height: 48px;
    margin: 0 32px 0 0;
    width: 24px;
}
.userView > a > i.material-icons {
    color: #000;
    float: left;
    height: 48px;
    line-height: 48px;
    margin: 0 32px 0 0;
    width: 24px;
}

.side-nav a:hover {
color: #000;    
}
.link_fotter {
    color: #f5f5f5;
    border-bottom: 1px dashed;
    cursor: pointer;
    outline-width: 0;
    padding-bottom: 1px;
    text-decoration: none;
}
.link_fotter:hover {
    color: #ababab;

}
.noselect {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
h1 {
    font-size: 2.34rem;
    line-height: 110%;
    margin: 2.1rem 0 1.68rem;
}
h2 {
  font-size: 1.95rem;
  line-height: 110%;
  margin: 1.78rem 0 1.424rem 0;
}
h3 {
  font-size: 1.625rem;
  line-height: 110%;
  margin: 1.46rem 0 1.168rem 0;
}
@media screen and (max-width: 480px) {
  
h1 {
  font-size: 1.95rem;
  line-height: 110%;
  margin: 2.1rem 0 1.68rem 0;
}

h2 {
  font-size: 1.95rem;
  line-height: 110%;
  margin: 1.78rem 0 1.424rem 0;
}

h3 {
  font-size: 1.625rem;
  line-height: 110%;
  margin: 1.46rem 0 1.168rem 0;
}

h4 {
  font-size: 1.4375rem;
  line-height: 110%;
  margin: 1.14rem 0 0.912rem 0;
}

h5 {
  font-size: 1.25rem;
  line-height: 110%;
  margin: 0.82rem 0 0.656rem 0;
}

h6 {
  font-size: 1.125rem;
  line-height: 110%;
  margin: 0.5rem 0 0.4rem 0;
}

#menu { padding: 1em 0 1em 3em; }
#menu ul { width: 100%; font: 130%/1 Dnc; text-align: left; }
#menu li { width: 100%; }
#menu li a { width: 100%; float: left; text-decoration: underline; }
#menu img { width: 45px; height: 45px; float: left; margin: .5em .5em 0 0; }

}
.own-carousel-screenshots img {
    display: block;
    height: auto;
    margin-bottom: 2rem;
    width: 95%;
}