body{
	margin: 0px;
	 font-family: "Aleo", serif;
}
.section_wrapper{
  display: flex;
  min-height: 100vh;
}
.section_wrapper img{
	max-width: 100%;
	object-fit: cover;
	object-position: center;
	height: 100%;
}
.section_wrapper .entry-content{
	position: relative;
	width: 50%;
}
.section_wrapper .entry-content p{
	font-size: 28px;
    font-weight: 300;
    margin-bottom: 30px;
    display: block;
}
.section_wrapper .entry-content p span{
	font-style: italic;
	font-weight: 600;
}
.section_wrapper .entry-content a{
  display: block;
      height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: white;
    line-height: 1.2em;
    text-decoration: none;
}
.section_wrapper .entry-content h3{
	    font-weight: 800;
    font-size: 42px;
    margin: 3px 0px;
    line-height: 1em;
}
.section_wrapper .entry-content .content{
  position: absolute;
  bottom: 50px;
  background-color: #7B1D47;
  border-radius: 50%;
  width: 350px;
  height: 350px;
  transition: 0.3s all ease-in;
}
.section_wrapper .entry-content:first-child .content{
  background-color: #9A9635;
  right: 30px;
}
.section_wrapper .entry-content:last-child .content{
	 left: 30px;
}
.section_wrapper .entry-content.active .content{
	width: 100%;
	height: 100%;
	bottom: 0px;
	text-align: center;
	border-radius: 0px;
	font-size: 36px;
}
.section_wrapper .entry-content.active:first-child .content{
  right: 0px;
  left: initial;
}
.section_wrapper .entry-content.active:last-child .content{
  left: 0px;
  right: initial;
}
.section_wrapper .entry-content.active .content h3{
	font-size: 60px;
}
@media(max-width: 767px){
	.section_wrapper .entry-content{
		width: 100%;
		min-height: 50vh;
		display: flex;
	}
	.section_wrapper .entry-content img{
		height: auto;
		min-height: 100%;
	}
	.section_wrapper .entry-content .content{
		width: 200px;
		height: 200px;
		bottom: 20px;
	}
	.section_wrapper{
		flex-direction: column;
	}
	.section_wrapper .entry-content p{
		font-size: 17px;
		    margin-bottom: 8px;
	}
	.section_wrapper .entry-content:first-child .content{
		right: initial;
		left: 30px;
	}
	.section_wrapper .entry-content.active:first-child .content{
		  right: 0px;
		  left: 0px;
		}
	.section_wrapper .entry-content h3 {
	    font-weight: 700;
        font-size: 24px;
        margin: 3px 0px;
        line-height: 1em;
    }
    .section_wrapper .entry-content.active .content h3{
		font-size: 32px;
	}
}
@media(max-width: 668px){
	.section_wrapper{
		flex-direction: column-reverse;
	}

}