html{
  font-family: helvetica,sans-serif;

}
body{
  border: 0;
  margin: 0;
  padding: 0;

}
h1{
  font-weight: bold;
}

#main-header{
  background-color: rgb(224, 68, 68);
  color: white;
  text-align: center;
  
  padding-left: 10%;
  padding-right: 10%;
  /*padding: 40% 0% 40% 0%;
*/
height: 100vh;
}
#uvod{
  padding-top: 40vh;
}
.arrow{
  padding-top: 6em;
  color: white;
}

#sluzby{
  min-height: 70%;
  margin: 2% 20% 3% 20%;
  text-align: center;
}
.service-heading
{
  padding-top: 20px;
  padding-bottom: 30px;
}
.sluzba{
  padding: 20px 20px 30px 20px;
  display: table-cell;
}
@media screen and (max-width: 768px) {
  .sluzba {
    display: block; /* or any other display property you prefer */
  }
}

.service-heading h2,
.sluzba h2{
  font-weight: bold;
}

#service-footer{
  padding-top: 30px;
}

#contact{
  min-height: 50vh;
  color: white;
  /*width: 100%;*/
  margin: 25px 0px 0px 0px;
  padding: 5% 18% 10% 18%;
  background-color: rgb(224, 68, 68);
  /*margin: 60px 20% 0px 20%;*/
}
.contact-info{
  width: 90%;
  margin-top: 5%;
  min-width: 280px;
}
.contact-info tr{
  border-bottom: 2px dashed white;

}
.contact-info th{
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
}
.contact-info .info{
  font-weight: bold;
  font-size: 20px;
  float: right;
}
.contact-info i{
  float: left;
  clear: both;
}
.info-title{
  font-weight: bold;
  font-size: 20px;
  float: left;
  clear: both;
}
.icon{
  float: right;
  margin-right: 80px;
  margin-top: 40px;
}
#map{
  margin-top: 0px;
  height: 50vh;
  width: 100%;
}