.viewpointContainer{float:left;width:20%;height:380px;box-sizing:border-box;text-align:center;padding:0 20px 20px 20px;margin-bottom:20px;cursor:pointer}.viewpointContainer .image{overflow:hidden}.viewpointContainer img{display:block;width:100%;height:auto;opacity:.75;transition:opacity .2s ease-out,transform .2s ease-out}.viewpointContainer p{margin:0;padding:20px 10px;background:rgba(255,255,255,.6);border-top:2px solid rgba(0,0,0,.6);color:#333;font-size:20px;transition:background .2s ease-out}.viewpointContainer:hover img{opacity:1;transform:scale(1.1)}.viewpointContainer:hover p{background:#fff}@media screen and (max-width:1600px){.viewpointContainer{width:25%;height:340px}}@media screen and (max-width:1100px){.viewpointContainer{width:33.33%;height:300px}}@media screen and (max-width:600px){.viewpointContainer{width:50%;height:260px}}