/* http://meyerweb.com/eric/tools/css/reset/ - v2.0 | 20110126 - License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

/* Reset CSS end */
html, body { height: 100%; padding: 0; margin: 0; }

body { background-color: #ffffff; font-smoothing: antialiased; /* stylelint-disable-line */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

img { -ms-interpolation-mode: bicubic; vertical-align: top; }

#btn-exit { z-index: 1000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: none repeat scroll 0 0 transparent; border-spacing: 0; border: none; cursor: pointer; outline: none; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

#zd-wrapper, .zd-contents, .zd-keyline, .zd-fwfh { width: 970px; height: 250px; }

#zd-wrapper { overflow: hidden; position: relative; background-color: #ffffff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.zd-abs { position: absolute; }

.zd-rel { position: relative; }

.zd-hide { opacity: 0; }

.zd-overflow { overflow: hidden; }

.zd-remove { display: none; }

/*.zd-keyline { border: 1px solid #666666; box-sizing: border-box; }*/

#loader { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; width: 100%; color: #000000; }

/* END General CSS */
.img-container img { width: 100%; }

.txt-container .text-image { width: 970px; height: 250px; }

.zd-logo { bottom: 100px; right: 84px; height: 49px; }


/* modificari */ 

.img-container img {
    width: 100%;
}

.txt-container .text-image {
    width: 100%;
    height: 150px;
}

div#contents img {
    object-fit: contain;
}

#zd-wrapper, .zd-contents, .zd-keyline, .zd-fwfh {
    width: 100%;
    height: 150px;
}


@media screen and (max-width:1024px) {
    .img-container img { 
        width: 100%!important; 
        height: auto;  object-fit: contain;}
    #zd-wrapper, .zd-contents,.zd-keyline, .zd-fwfh {
    width: 100vw !important;
    height: 100% !important;
}
.txt-container .text-image {
    width: 100%;
    height: auto;
}
    
}