.weland-fifty{
    width: 100%;
    min-height: 300px;
    display: flex;
    flex-direction: row;
}

.weland-fifty.right{
flex-direction: row-reverse;    
}

.weland-fifty > div {
flex-basis: 50%;
display: flex;
background-size: cover;
background-position: center;
justify-content: center;
padding-bottom: 30px;
padding-top: 50px;
flex-direction: column;
}

.weland-fifty.aspect50 > div:first-of-type {
 padding-top:25%;   
}
.weland-fifty.aspect100 > div:first-of-type {
 padding-top:50%;   
}   
.weland-fifty.aspect150 > div:first-of-type {
 padding-top:75%;   
}   

.weland-fifty div *{
padding: 1% 10% 2% 10%;

}    



.weland-fifty p.fiftyovertitle {
    max-width: 800px;
    width: 90%;
    font-weight: 400;
    text-transform: uppercase;
    padding: 1% 1% 1% 10%;
}

.weland-fifty h3{
    margin-top: 20px;
}



.weland-fifty p.fiftytextarea {
    max-width: 800px;
    width: 90%;
}



/*****BUTTON****/
.weland-fifty button{
	margin:5px;
	padding: 1.3% 6%;
}

.weland-fifty button{
	background-color: transparent;	
	border: 1px solid #666;
	color: #333;
	border-radius: 2px;
	transition-duration: 1s;
	font-weight: 400;
	
}

.weland-fifty button:hover{
	background-color: #cccccc;
	transition-duration: 0.7s;
	color: #000;
}


@media screen and (max-width: 999px){
    
    .weland-fifty > div{
        padding-top: 5px;
        padding-bottom: 5px;
    }
    
        .weland-fifty.aspect50 > div:first-of-type {
 padding-top:30%;   
}
.weland-fifty.aspect100 > div:first-of-type {
 padding-top:30%;   
}   
.weland-fifty.aspect150 > div:first-of-type {
 padding-top:30%;   
} 


    .weland-fifty, .weland-fifty.right{
    flex-direction: column;
    aspect-ratio: unset;
    }
    
    .weland-fifty div {
    flex-basis: 100%;
    }
    
    .weland-fifty > div:first-of-type {
       min-height: 50vw;  
    }    
    
    
}