header {width: 100%; padding: 2.5rem 0rem; background-color: #C4A8B2;}

.navbar-dark .navbar-toggler {width: 100%; border-color: #fff; border: 1px solid #fff;}

.navbar-nav {text-align: right; border-bottom: 4px solid #fff; font-family: 'PT Sans Narrow', sans-serif;}
.navbar-nav li {padding-bottom: 0.5rem; font-style: normal;}
.navbar-nav li a {font-size: 1.2rem; text-decoration: none; color: #fff; margin-right: 3rem; text-transform: uppercase;}
.navbar-nav li.last a {margin-right: 0rem;}


h1, h2, h3, h4 {}
h2 {font-weight: 700; font-size: 2.1rem;  color: #333;}
h2 strong {color: #C4A8B2;}

p {line-height: 185%; margin: 1.5rem 0rem; font-size: 0.95rem;}

.hero-heading {background-color: #C4A8B2; padding-bottom: 2.5rem; color: #fff; padding-top: 2.5rem;}
.hero-heading .wrap {border-left: 4px solid #fff; padding-left: 1.5rem;}
.hero-heading .wrap p {line-height: 200%;}
.hero-heading h1 {color: #fff;}
.hero-heading h2 {color: #fff;}


.oval {width: 100%;
      height: 340px;
      background-size:cover; background-repeat: no-repeat; background-position: center center;
      border-radius: 70% 40%;}

.softpink {background-color: #F2EAEB;}
.softpink .wrap {background-color: #fff; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.15); padding: 6rem; overflow: visible; position: relative; border-radius: 10px;}
.softpink .wrap h2 {margin-bottom: 2rem;}
.softpink .wrap .oval {width: 150%; height: 120%; margin-top: -10%; box-shadow: 0px 0px 23px rgba(0, 0, 0, 0.3);}

.btn-oval { border-radius: 50% 50%; background-color: #C4A8B2;  color: #fff; padding: 2rem; max-width: 250px; transform: rotate(-8deg); position: absolute; bottom: -40px; transition: ease-in-out 0.3s; border: 3px solid #C4A8B2 }
.btn-oval:hover {background-color: #F2EAEB; color: #000; border: 3px solid #C4A8B2 }


.foto-tekst a {color:  #C4A8B2;;}

ul li {list-style-type: none; line-height: 215%; font-size: 0.95rem; color: #C4A8B2; font-style: italic;}
ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #C4A8B2; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}


.latest-item {background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 6rem 0rem;}
.latest-item .wrap {background-color: #fff; border-radius: 10px; padding: 3rem; margin: 5rem 0rem; position: relative;}
.latest-item .wrap .btn {right: 20px;}

footer {padding: 3.5rem 0rem;}
footer .txt {font-style: italic; font-weight: 600; line-height: 200%;}
footer .contact,
footer .contact a {color: #C4A8B2; text-decoration: none; font-weight: bold;}
footer .adres {color: #666; margin-bottom: 1rem;}

@media (max-width: 575px){
	.navbar-nav {margin-top: 20px;}
	.navbar-nav li {line-height: 220%;}
	.navbar-nav li a {margin: 1rem 0rem; color: #fff; text-decoration: none;}
}