html,body{padding:0;margin:0;width:100%;height:100%;display:block}body{display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:center;position:relative;font-family:'Trebuchet MS','Lucida Sans Unicode','Lucida Grande','Lucida Sans',Arial,sans-serif}body .container{max-width:1024px}body .container h1{font-size:max(3vw, 16px);margin-left:1em;margin-right:1em}@media screen and (min-width:1280px){body .container h1{font-size:min(3vw, 42px)}}body .container .images{max-height:576px;position:relative}body .container .images .front,body .container .images .back{width:100%;height:auto;transition:opacity .8s linear}body .container .images .back{top:0;left:0;position:absolute;opacity:0}body .container:hover .front{opacity:0}body .container:hover .back{opacity:1}body .contacts{color:#555;font-size:12px;position:absolute;bottom:.5em;left:0;right:0}body .contacts a{color:#555;text-decoration:none}body .contacts a:hover{color:darkblue;text-decoration:underline}body .nobr{white-space:nowrap}