*{
	margin: 0;
	padding: 0;
font-family: 'Caveat', cursive;
	font-size: 20px;
	/*text-rendering: optimizeSpeed;*/
	box-sizing: border-box;
}
a:link,
a:visited{
	color: inherit;
	text-decoration: none;
	padding-bottom: 5px;
	border-bottom: 1px solid;
	display: inline-block;
    font-family: 'Chivo', sans-serif;
    font-size: 16px;
    line-height: 19px;
    margin-top: -5px;

}

section{
	
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	width: 100vw;
	padding: 20px;
}
section .owl-carousel {
	max-width: 420px;
	box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.15);
		/*padding: 30px;*/
		background: white;
}
.owl-carousel div img{
	/*border-radius: 3px;*/
	padding-bottom: 25px;
}
.item{
padding: 25px;
text-align: center;
}
h1,h2,h3,h4,h5{
font-family: 'EB Garamond', serif;
margin-bottom: 25px;
font-size: 26px;
}
p{
	margin-bottom: 25px;
	line-height: 24px;
		text-transform: uppercase;
		text-align: left;
}
.owl-nav {
	position: absolute;
	top: 50%;
	transform: translate(-150px, -50%);
	width: calc(100% + 300px);
	display: flex;
	justify-content: space-between;
	max-width: 100vw;
}
.owl-nav > button{
	max-width: 84px;
	width: 100%;
height: 54px;
border-radius: 28px;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.07);
background: white!important;
display: flex;
justify-content: center;
align-items: center;
}
.owl-nav span{
    font-family: 'Arial', sans-serif!important;
}


a {
	border: 1px solid black;
	padding: 7px 10px;
	background: #ffeeeb;
	box-shadow: 0 0 5px #d1d1d1;
	position: relative;
}

a:before,
a:after{
  animation-name: example;
  animation-duration: 12s;
	animation-iteration-count: infinite;
  position: absolute;
  width: 100%;
  left: 0;
  /*right: 0;*/
  /*top: 0;*/
  /*bottom: 0;*/
  background: #ffeeeb;
  opacity: 0;
}
a:after{
	animation-delay: 6s;
}

a::before{
	content: '🥵';
}
a::after{
	content: '💖';
}

@keyframes example {
  0%   {
  	opacity: 0;
  }
  25%  {
  	opacity: 0;
  }
  50%  {
  	opacity: 0;
  } 
    90%  {
  	opacity: 0;
  } 
   95%  {
  	opacity: 1;
  }
  100% {
  	opacity: 0;
  }
}




@media screen and (max-width:  740px){
.owl-nav {
	position: fixed;
	bottom: 10px;
	transform: none;
	width: 100%;
	display: flex;
	justify-content: center;
	max-width: 100vw;
	flex-direction: row;
	gap: 10px;
	align-items: flex-end;
	right: 0;
	top: unset;
	/* height: 110px; */
}
	.owl-nav > button{
		border-radius: 50%;
		width: 50px;
		height: 50px;
		background: rgba(0, 0, 0, 0.4)!important;
		color: white!important;

	}
	section{
		align-items: flex-start;
	}
}