.section-split h1,
.section-split h2,
.section-split h3 { font-family: Playfair Display, serif !important; }
.logo img{
width: 310px;
height: 100%;
padding: 20px;
z-index: 9;
position: sticky;
}
.button2 a{
	color:#000000;
}
.button2 a:hover{
	color:#abad53  !important;
}
.button-name{
	position: absolute;
    bottom: 8px;
    width: 100%;
}
.arrow{
    text-align: center;
    background-color: #fff;
    color: #005ba4;
    padding: 2px 10px 2px 10px;
    border-radius: 10px;
}
.button2 span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button2 span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: -1px;
  right: -20px;
  /*transition: 0.9s;*/
}

.button2:hover span {
  padding-right: 25px;
}

.button2:hover span:after {
  opacity: 1;
  right: 0;
}
 p {
    margin-bottom: 10px !important;
}

@media (min-width: 576px) {
	.split-left-split{
	--section-width: 35% !important;
	}
		.split-rigth-split{
	--section-width: 65% !important;
	}
.section-split{
--section-width: 50%;
--hover-width: 65%;
--less-width: calc(100% - var(--hover-width));
--hover-speed: 1s;
--bg-opacity: 0.7;

position: absolute;
left: 0;
top: 0;
width: var(--section-width);
background-repeat: no-repeat;
background-size: auto 100%;
background-position: center center;
transition: width var(--hover-speed) ease;
}

.section-split.split-right {
left: auto;
right: 0;
}

.section-split:hover ~ .section-split {
width: var(--less-width);
}

.section-split:hover {
width: var(--hover-width);
}

}
@media(max-width:999px){
	.mobile{
		background-size: 100%;
	    background-repeat: no-repeat;
	    background-position: center;
	}
}