@media (min-width: 768px) {
.slogan h2 {
  font-size: 2.8em;
}
}
.slogan {bottom: 20%;background: transparent;padding: 0 30px 30px;text-align: left;}

.underline {
  display: inline-block;
  position: relative;
}
.underline::after {
  content: '';
  display: block;
  position: absolute;
  bottom: -5px;
  left: -17px;
  width: 100%;
  height: 16px;
  background: url('img/underline.webp') no-repeat;
  background-size: contain;
}

#page {margin: 200px auto 120px;}
.banner_ico {font-size: 18px;font-weight: 600;color: #1d312d;}
.banner_ico a, .banner_ico a:hover {color: #1d312d;text-decoration: none;}
.banner_ico img {width: 36px !important; margin:-2px 12px 0 30px !important; padding: 7px; border: 1px solid #222222ad;border-radius: 50%;  -webkit-transition: all 0.5s;  transition: all 0.5s;}
.banner_ico:hover img {width: 36px !important;border: 2px solid #222222ad;padding: 5px;}
@media (max-width: 768px){
.slogan {display: block !important;}
.slogan a button {display: none;}
.underline::after {bottom: -9px; left: -7px;}
#page {margin: 0 auto 0 !important;}
.about-opis {background: transparent;}
#page p {font-weight: 300;}
#page p strong {font-weight: 400;}
}

.telefon_start {font-size: 18px;font-weight: 600;color: #1d312d;}
.telefon_start a, .banner_ico a:hover {color: #d0aa14;text-decoration: none;}
.telefon_start img {width: 31px !important; margin:-2px 13px 0 1px !important; padding: 5px;border: 1px solid #d0aa14;border-radius: 50%; }
.kreska {width: 40px;height: 5px;border-radius: 0 !important;margin: auto !important;}

@media (max-width: 768px) {
  #head4 .container img {
    margin-top: 90px;
  }
}