#hatterkep {
  position: relative;
  background: url('./kepek/background.jpg') center/cover no-repeat;
  overflow: hidden;
}

#hatterkep::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 105%;
  background: linear-gradient(to bottom, rgba(255,255,255,0) 55%, rgba(255,255,255,1) 100%);
  pointer-events: none;
  transform: translateZ(0);
}

#epterv-cim{
  margin-top: 2% !important;
}

.szolg-szoveg{
  margin-top: 5%;
  margin-bottom: 5%;
}

.szolg-szoveg-jobb{
  margin-top: 2%;
  margin-bottom: 10%;
  text-align: right;
}

.szolg-szoveg-bal{
  margin-top: 3%;
  margin-bottom: 10%;
}

.szolg-cim-jobb{
  text-align: end;
}

#epszolgkep-terv{
  width: 50%;
  margin-left: 35%;
}

.epszolgkep{
  width: 65%;
}

.epszolgkep_nagy{
  margin-top: 7%;
  margin-bottom: 7%;
}

hr{
  margin-top: 1vh !important;
  margin-bottom: 1vh !important;
}

@media (min-width: 768px) {
    hr {
      width: 60% !important;
      margin-left: auto !important;
      margin-right: auto !important;
    }
  }

#tervezes{
  padding-top: 5%;
  padding-bottom: 5%;
}

.text-col{
  display: flex;
  align-items: center;
}

#szolgaltatasok{
  background-color: rgba(226, 223, 219, 0.701);
}

.portfolio{
  width: 90%;
  margin-top: 3%;
  margin-bottom: 3%;
  border: 2px solid #dadcdb;
}

#portfolio-margo{
  padding-top: 3%;
}