@import url('https://fonts.googleapis.com/css2?family=Charm&family=Raleway&display=swap');


body {
    font-family: 'Raleway', sans-serif;
    color: #9E4230;
    font-size: 1.4rem;
    background-color:#FAEBE4;
}
h1, h2, h3, h4, .display-6 {
 font-family: 'Charm', sans-serif;
}

a {
    color: unset;
    text-decoration: none;
}


.header-text {
  background-color: #C64C00;
  color:white;

}

.regularfont {
    font-family: 'Raleway', sans-serif;
}

section {
    min-height:750px;
}

#header {
    background-image: url("/img/1.png");
    background-repeat: no-repeat;
    background-position: top left;
    padding-top:5%;
    background-size: contain;
}

.header-img {
    border-radius:50px;
    border-style: solid;
    border-width: 2px;
    border-color: #C64C00;
}

img {
    width: 600px;
}

.img-zsuzsi {
    border-radius:40px;
    border-style: solid;
    border-width: 4px;
    border-color: #C64C00;
    position: relative;
    left: 30%;
}

#about-left  {
    background-image: url("/img/2-left.png");
    background-repeat: no-repeat;
    background-position:left;
    background-size:contain;
}

#about-right {
    background-image: url("/img/2-right.png");
    background-repeat: no-repeat;
    background-position:right;
    background-size:contain;
}

.about-text {
    background-color: #FFF8F4;
    border-radius: 30px;
    z-index:2;
    left:30px;
}

.text-pulled-left {
    position: relative;
    left: -5%;
}

.text-pulled-right {
    position: relative;
    left: 10%;
}

#services {
    background-image: url("/img/3.png");
    background-repeat: no-repeat;
    background-position:center center;
    background-size: contain;
}

.service-cards {
    height:700px;
}

.service-cards-inner {
    min-height: 600px;
}


#contact {
    background-image: url("/img/4.png");
    background-repeat: no-repeat;
    background-position:right;
    background-size: contain;
}

.btn-gradient {
    background: linear-gradient(180deg, white, #FA6000, #9E4230);
    color: white;
    border-style: none;
    padding:1rem;
    margin:1rem;
    border-color: #faebe4;
    border-radius:30px;
    box-shadow: grey 3px 4px 13px 1px;
}
.btn-gradient:hover {
  color:white;
  border-color: #faebe4;
  box-shadow: grey 1px 1px 5px 0px;
  transition-duration: .3s;
}

@media only screen and (max-width:968px) {
    .text-pulled-left {
        left: 0;
    }

    .text-pulled-right {
        left: 0;
    }

    .img-zsuzsi {
        left: 0;
    }

    img {
        width:400px;
    }
    
}

.owl-nav button {
  position: absolute;
  top: 50%;
  background-color: #C64C00;
  color: #fff;
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.owl-nav button.owl-prev {
  left: 0;
}
.owl-nav button.owl-next {
  right: 0;
}

.owl-dots {
  text-align: center;
  padding-top: 15px;
}
.owl-dots button.owl-dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  background: #FFF8F4;
  margin: 0 3px;
}
.owl-dots button.owl-dot.active {
  background-color: #C64C00;
}
.owl-dots button.owl-dot:focus {
  outline: none;
}
.owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: unset;
}

.owl-carousel span {
    font-size: 70px;    
    position: relative;
    top: -5px;
}
.owl-nav button:focus {
    outline: none;
}