@charset "UTF-8"; body { display: flex; flex-direction: column; margin: 0; min-height: 100vh; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } h1, h2, h3, h4, h5, h6 { font-weight: 400; font-size: 2.5em; margin-bottom: .5em; margin-top: 0; } img { max-width: 100%; height: auto; } .logo-wrapper.image { margin-bottom: 2em; } .section { flex-grow: 1; padding: 2em; text-align: center; position: relative; } .section-body { display: flex; justify-content: center; flex-direction: column; flex-grow: 10; width: 70%; max-width: 1170px; min-height: calc(100vh - 7em); margin: 0 auto; } .graphic-logo { width: auto; max-width: 500px; max-height: 300px; margin: 0 auto; } .text-logo { font-size: 2em; } .section-body p { font-size: 1em; line-height: 1.5em; } #background-wrapper, #background-image, #background-color, .background-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } #background-wrapper { overflow: hidden; } #background-image { background-attachment: fixed; background-position: center center; background-repeat: no-repeat; background-size: cover; } #background-image.pattern { background-size: initial; background-repeat: repeat; } .video-banner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: -1; } #background-image { opacity: 0; -o-transition: opacity .5s; transition: opacity .5s; } #background-image.loaded { opacity: 1; } .video-banner iframe, .video-banner video { -o-transition: opacity 1500ms; transition: opacity 1500ms; } .social-list { height: 3em; padding: 0; margin: 0; z-index: 100; text-align: center; } .social-list li { list-style: none; display: inline-block; padding: 0 2px; } .social-list a { display: block; height: 3em; width: 2.5em; line-height: 3em; background: transparent; -o-transition: background 300ms linear; transition: background 300ms linear; border-radius: 5px; } .social-list i { font-size: 1em; -o-transition: all 300ms linear; transition: all 300ms linear; } .social-list a:hover i { -webkit-animation: spin 300ms linear; animation: spin 300ms linear; } .lang-switch-wrapper { position: absolute; top: 50px; right: 50px; } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @media only screen and (max-width: 1024px) { .graphic-logo { padding: 20px 0; } .section-body, .social-list { font-size: 16px!important; } .section-body h1:not(.text-logo), .section-body h2, .section-body h3, .section-body h4, .section-body h5, .section-body h6, .text-logo-wrapper { font-size: 1.8em!important; } } @media only screen and (max-width: 680px) { .section-body, .social-list { font-size: 15px!important; } .text-logo { font-size: 1.6em; } .lang-switch-wrapper { position: absolute; top: 20px; right: 20px; } } @media only screen and (max-width: 560px) { .section { padding: 4em 1em; min-height: calc(100vh - 11em); } .section-body { width: auto; } .graphic-logo { max-height: 200px; padding-bottom: 0; max-width: 100%; } .section-body, .social-list { font-size: 14px!important; } } .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.delay-small{animation-delay:.3s}.delay-big{animation-delay:.6s}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}