body {margin:0px;}
.su-row {display:table;height: 100vh;width: 100%;position: relative;min-height: 400px;}
.container {position: relative;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.sp20, .pp6 {text-align: center; height: 100%; width: 50%; display: table-cell; vertical-align: middle; position: relative;}
.sp20 {background-color: #f5f5f5;}
.pp6 a, .sp20 a {position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.pp6 {background-image: url('images/pp6-tlo.webp'); background-size:cover; background-repeat:no-repeat; background-position: center center;}
.sp20 img, .pp6 img {max-height: 70%;transform: scale(0.9);transition: all 500ms ease-in-out;max-width: 90%;margin: 5%;}
.sp20 img {border-radius: 50%;box-shadow: 0px 0px 30px #489DDD;}
.sp20:hover img, .pp6:hover img {transform: scale(1);}


@media (max-width: 768px) {

.sp20 {position: absolute; top:50%;height:50%;width:100%;}
.pp6 {position: absolute; top:0;height:50%;width:100%;}

}