@media screen and (min-width: 768px) {
.Left50Percent{
clear: all; float: left; margin-right: 40px; margin-bottom: 40px; max-width: calc(50% - 20px); height: auto;
}

.Right50Percent{
clear: all; float: right; margin-left: 40px; margin-bottom: 40px; max-width: calc(50% - 20px); height: auto;
}

.imgLeft50{

}

.imgRight50{
flex-flow: row-reverse;
}

}

@media screen and (max-width: 767px) {
.Left50Percent{
clear: all; display: block; margin-top: 40px; margin-bottom: 40px; width: 100%; height: auto;
}

.Right50Percent{
clear: all; display: block; margin-top: 40px; margin-bottom: 40px; width: 100%; height: auto;
}

.imgLeft50{

}

.imgRight50{

}

}