.actions { width:80px }
.small-field { max-width: 150px }
.medium-field { max-width: 300px }
.L2 { padding-left: 20px }
.L3 { padding-left: 40px }
.hidden { display:none }

.image-container, .logo-container { max-width:250px }
.logo-container { max-width:65px }
.image-container img, .logo-container img { width: 100%; margin-bottom: 10px }
.image-container a, .logo-container a { margin-top: 5px; text-decoration:underline }

.li-image { list-style: none; max-width: 33.3%; width: 100% }
.li-image .bg-image { width: 100%; height: 180px; overflow: hidden }
.li-image .bg-image img { width: 100%; height: auto }
.li-image .relative { position: relative; }
.li-image .absolute { position: absolute; top: 15px; right: 15px }
.li-image .absolute-enlarge { position: absolute; top: 15px; left: 15px }
.li-image .li-image-title { padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px }
.li-image-title { position: absolute; bottom: 0; left: 0; opacity: 0.8; background-color: #fff; width: 90%; white-space: wrap }

@media (max-width:767px) {
    .li-image { list-style: none; max-width: 50% }
}