html {
    scroll-behavior: smooth;
  }

body {
    background-color: rgb(52, 52, 52);
    background-image: url(../img/fon.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: flex;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 1920px 1080px;
    background-position-y: top;
}

.logo {
    margin-left: 15%;
    margin-top: 3%;

}

.logo_name {
    margin-left: 14%;
    margin-top: -12%;
    margin-right:50%;
    padding-left: 20px;
    border-top:0px solid;
    border-bottom:0px solid;
    border-left:4px solid;
    border-right:4px solid;
    border-color: white;
    color: white;
    font-family: TTMussels-DemiBold;
}

.container {
    margin-top: 10%;
    margin-left: 15%;
    margin-right: 15%;
    color: white;
    text-align: justify;
    font-family: TTMussels-DemiBold;
    margin-bottom: 4%;
}

#bebra {
    text-shadow: 2px 2px 3px rgb(165, 165, 165);
}

@font-face {
    font-family: TTMussels-DemiBold;
    src: url(TTMussels-DemiBold.ttf);
}

.bar {
    margin-left: 56%;
    margin-top: -52px;
    color: white;
    font-family: TTMussels-DemiBold;
}

#contact {
    margin-left: 20%;
    margin-top: -51px;
}

#par {
    text-align: center;
    text-shadow: 2px 2px 3px rgb(165, 165, 165);
}

#par2 {
    margin-top: 5%;
    margin-left: 7%;
    color: rgb(255, 255, 255);
}

#call {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
}

a:link {
    color: white;
}

a:visited {
    color: white;
}

#info {
    background-color: rgb(79, 79, 79);
    border-style: solid;
    border-color: grey;
    border-radius: 7px;
    padding-left: 2%;
    color: white;
    margin-left: -6px;
    margin-right: -6px;
    margin-bottom: -11px;
    padding-bottom: 35px;
    padding-top: 20px;
}

#info_text {
    padding-top: 15px;
    margin-left: 14%;
    margin-right: 16%;
    text-align: justify;
    font-family: TTMussels-DemiBold;
}

#zag1 {
    margin-left: 0%;
    margin-top: 48px;
}

#zag2 {
    margin-top: -40px;
    margin-left: 11%;
    margin-right: 1%;
}

#zag3 {
    margin-left: 30%;
    margin-top: -39px;
}

#roll {
    margin-bottom: -170px;
}