/* default CSS
Jindrich Sladek (hes@digisvet.cz)
Digitalni svet s.r.o. (http://digisvet.cz) */


@font-face {font-family:'Symbol'; src: url('fonts/DCPromo.woff');}
@font-face {font-family:'Raleway'; src: url('fonts/Raleway-Regular.woff');}



html {width:100%; height:100%; margin:0; padding:0;}
body {font:16px/1.25 Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing: grayscale;}
.smaller {font-size:12px;}
.bigger {font-size:20px;}

header, main, footer, section, article, aside {display:block;}

header, main, footer, section, article, aside, iframe, li {position:relative; box-sizing:border-box;}

iframe {border:none;}

h1 {font-size:2.5em; margin:0 0 .2em;}
h2 {font-size:2em; margin:0 0 .25em;}
h3 {font-size:1.5em; margin:0 0 .33em;}
h4 {font-size:1.25em; margin:0 0 .4em;}
h5 {font-size:1em; margin:0 0 .5em;}
h6 {font-size:.75em; margin:0 0 .66em;}

p {margin:0 0 .5em;}

ul, ol {padding:0; margin:0 0 .5em; list-style-type:none;}

dl, dt, dd {margin:0;}

nav>ul {margin:0;}

img {display:block;}

form, fieldset {padding:0; margin:0; border:none;}

label {display:block;}
input, textarea, select {display:block; color:inherit; font:inherit; box-sizing:border-box;}
input:required {border-right:1px solid orange;}
input.error {border-right:1px solid red;}
input[type=submit] {cursor:pointer;}



/* modificators */

.fl {float:left !important;}
.fr {float:right !important;}

.cl {clear:left;}
.cr {clear:right;}
.cb {clear:both;}

.hidden {display:none;}

/*centered image*/

.image-centered {display:table;}
.image-centered>div, .image-centered>a {display:table-cell; width:100%; height:100%; vertical-align:middle;}
.image-centered img {display:block; margin:0 auto;}

/* Blocks */

html {background:white;}
body {position:relative; font:16px/1.25 Raleway, Verdana, Arial, Helvetica, sans-serif; color:#1f1f1f; height:100%; min-height:46em; -webkit-text-size-adjust: 100%;}
section {clear:both;}



/* Elements */

h1, h2, h3 {line-height:1; font-weight:normal; color:#91a0aa;}
h2 {font-size:2.5em; margin-bottom:.5em;}
p {font-size:1.5em; line-height:1.5em;}

a {color:#009de9;}
a:hover {color:black;}

.overlay {position:absolute; line-height:1em; padding:8px; background:rgba(0,0,0,.8); z-index:10;}

.date>i {display:none;}

.video {margin:0 auto;}



/* Site header */

.site-header {position:relative; height:8em; background:white;}
#index .site-header {position:absolute; top:50%; left:50%; width:4em; height:4em; margin:-22em 0 0 -38.5em; z-index:2;}

.site-logo {position:absolute; font-size:1em; left:50%; top:2em; width:4em; height:4em; margin-left:-40em; font-weight:normal;}
#index .site-logo {left:0; top:0; margin:0;}

.site-logo a {display:block; height:100%; color:#91a0aa;}
.site-logo a:hover {color:black;}
.site-logo span {display:none}
.site-logo a:before {display:block; position:absolute; left:0; top:0; width:100%; content:"™"; font:4em/1 Symbol;}




/* Site navigation */

.site-navi {position:absolute; top:2em; right:50%; margin-right:-40em; z-index:1;}
#index .site-navi {top:50%; margin:-22em -38.5em 0 0;}

.site-navi-show {display:none; position:absolute; top:.5em; right:0; width:2em; height:2em; cursor:pointer;}
.site-navi-show:before {display:block; position:absolute; left:0; top:0; width:100%; content:"↧"; font:32px/1 Symbol; color:#91a0aa;}
.site-navi-show:hover:before {color:black;}

.site-menu {overflow:hidden;}
.site-menu li {float:left; margin-left:3em; line-height:4;}
.site-menu a {color:#91a0aa; font-size:1.25em; line-height:1; text-decoration:none; white-space:nowrap;}
.site-menu a:hover {color:black;}
.site-menu .active>a {color:black;}
.site-menu .active>a:hover {color:black; cursor:default;}

.english {position:absolute; right:50%; top:50%; margin:-14.5em -38.5em 0 0; display:block; width:28px; height:18px; z-index:1000; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAASCAMAAAB/2U7WAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAZhQTFRF7Rwk////DkyhHVenO26z//7+7iYt8EJJ7SEp95uf/u7v7zY98llfZo3DFlKk/eLjE1Cj7PH495ygrMHf0NDh8l9khaTP9Zug7i417ioy1tjn8VFYeZvL7vL487/ED02h8EVMfZ7M9oqO8U1T8lVb7iQs9vn88EhO8cjO/ePk5ev16/D38UxS7igv/Nna7R0l1tbl/f7+G1am9o2R8DxD+cPF/erq9Hd89G909HJ37ztC9omO9YKHKmGs3OXxVoG97SAn96Cjo7vbu8Tc9svOcZbI9Hl9dZnJ9Hl+EU6i//z8GFSl9X2C0d3tN2qxjqnR8tXZ+bO28VNZ+ry/+bK0pbnYvM3liqjR4MbS+a6x7SIqvc7l+vv9+KWo4tvklbDW7zg/yNbq7R8n9YSI+Kqt8lxiv8/mEk+ihKTP7zpB/NfY/vPzIlupNGiwcJXH7zA498/SZ47EmLLXnLXYvs/m9pCU7zA3+Lq8/eTl8/b6//397R4m825z6tbdx9Hl/N7f9pGVTHq582Np7zQ7+87Q//r68U9Vy9jrLLUfdwAAAQNJREFUeNq80UVTA0EQhuH+GnY3Sgx3d5fg7u7u7klwhwT920x2qdqwB468p5l+LlM9ZLvF5hirgURQjxm9E1MdzfRWtiqtzMf8xtPnq6XSI1BsPeU60BaJzoMeRXYPYY4GU9Nr5U4JXTpWjlTsFiHtjIm5tbvlIeUFJeca7t1YExcBzwkzRYl8hUqeWYKGA9RggYvDc0JEKhru/96fD4oW9d/huG8j+wcl92Hckz08F0uovgCmrf6ZLw0vq/CuyAnjYt3E7cWwPFLjmr6+UXzUmD4XQkweYPK6qW59WMf9rHyU55iCswTv69Z2svE/l3FvljNpJ6kgEO80IttdcNi+BRgA0fIlyOG8RhIAAAAASUVORK5CYII=);}
.english span {display:none;}




/* Site content */

.full-width-bg {background:white; overflow:hidden;}

.full-width-bg>main,
.full-width-bg>section,
.full-width-bg>div {width:84em; margin-left:auto; margin-right:auto;}

.full-width-bg>img {width:100%; margin:0 auto 2em;}


/* Site advantage */

.site-advantage {position:relative; height:100%; min-height:46em; margin:0; background:white;}

.site-advantage__content {position:absolute; top:50%; width:100%; height:34em; margin:-17em 0 0; overflow:hidden;}

.site-advantage__menu {position:absolute; bottom:2em; left:50%; margin-bottom:0; margin-left:31em; height:2em; z-index:1000;}
.site-advantage__menu li {width:2em; height:2em; float:left; margin-left:.5em;}
.site-advantage__menu li a {display:block; height:100%; border:1px solid white; background:rgba(0,0,0,.5); box-sizing:border-box;}
.site-advantage__menu li a:hover {background:white;}
.site-advantage__menu li span {display:none;}

div[id="poradani-akci"]:target ~ .site-advantage__content .site-advantage__menu li a[href="#poradani-akci"] {border:4px white solid;}
div[id="kompletni-realizace"]:target ~ .site-advantage__content .site-advantage__menu li a[href="#kompletni-realizace"] {border:4px white solid;}
div[id="propagace-udalosti"]:target ~ .site-advantage__content .site-advantage__menu li a[href="#propagace-udalosti"] {border:4px white solid;}


.site-advantage__list {position:absolute; left:0; top:0; width:100%; margin:0; transition: top 0.6s ease-in-out;}
.site-advantage__list li {height:34em; background-repeat:no-repeat; background-size:100%; transition: background-size 30s; background-position:left center;}
.site-advantage__list li:hover {background-size:120%;}
.site-advantage__list li>div {width:77em; height:100%; margin:0 auto;}

.site-advantage__list section {width:38em; padding-top:7em;}
.site-advantage__list h2 {font-size:3.5em;line-height:1.25em; margin-bottom:.5em; color:white;}
.site-advantage__list p {margin-bottom:1.5em; color:white;}
.site-advantage__list a {display:inline-block; padding:.5em 1em; color:white; text-decoration:none; background:rgba(0,0,0,.5); border:1px solid white;}
.site-advantage__list a:hover {color:black; background:white;}


.site-advantage--events {background-image:url(images/benefits--events.jpg); background-position:left 10%;}
.site-advantage--equipment {background-image:url(images/benefits--equipment.jpg); background-position:center;}
.site-advantage--advertising {background-image:url(images/benefits--advertising.jpg); background-position:center;}
.site-advantage--examples {background-image:url(images/benefits--examples.jpg); background-position:left top;}


div[id="poradani-akci"]:target ~ .site-advantage__content .site-advantage__main .site-advantage__list {top:0;}
div[id="kompletni-realizace"]:target ~ .site-advantage__content .site-advantage__main .site-advantage__list {top:-34em;}
div[id="propagace-udalosti"]:target ~ .site-advantage__content .site-advantage__main .site-advantage__list {top:-68em;}




/* More info */

.more-info:after {display:block; content:""; clear:both;}
.more-info section {width:41em; min-height:64em; margin:0 .5em 1em; float:left; clear:none; padding:22em 3em 0 3em;}
.more-info :target>div {box-shadow:0 0 8px #000;}

.more-info section>div {position:absolute; top:2em; right:0; width:150%; height:16em; background-repeat:no-repeat; background-size:cover; background-position:center;}


.more-info section:nth-child(even)>div {left:0; right:auto;}

#zorganizujeme-cokoliv>div {background-image:url(images/benefits--events.jpg); background-position:top center;}
#od-vstupenek-po-uklid>div {background-image:url(images/benefits--equipment.jpg);}
#reklama-a-propagace>div {background-image:url(images/benefits--advertising.jpg);}
#orientacni-priklady>div {background-image:url(images/benefits--examples.jpg); background-position:top center;}


/* Enable paralax for desktops */

@supports ((perspective: 1px) and (not (-webkit-overflow-scrolling: touch))) {
.more-info section>div {background-attachment:fixed;}
#zorganizujeme-cokoliv>div {background-position:-44em 50%;}
#reklama-a-propagace>div {background-position:-48em center;}
#orientacni-priklady>div {background-position:10em center;}
}


.more-info h3 {margin-bottom:.5em;}
.more-info p {margin-bottom:1em;}



/* About us */

#o-nas {padding-bottom:2em;}
#o-nas img {width:100%; margin:0 0 2em;}


/* Bread scrumb */

.bread-crumb {font-size:1.25em; margin-bottom: 2em;}



/* Category header and perex */

.category-header {margin: 0 .25em .5em;}
.category-perex {margin:0 .5em 1em; overflow:hidden;}


/* Article list */
.article-list__header {padding:0 3.25em .25em;}
.article-list:after {display:block; content:""; clear:both;}
.article-list>h2 {margin-left:.55em; margin-right:.55em;}
.article-list>.content {padding:0 1.5em 2em;}
.article-list>article {position: relative; float:left; width:20em; height:38em; margin:0 .5em 1em; overflow:hidden;}
.article-list>article:after {content:''; display:block; position: absolute; left:0; right:0; bottom:0; height:1.5em; background:linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1) );}

.article-list.artist>article {height:15em;}

.article-list>article:hover {box-shadow: 0 0 5px #aaa;}
.article-list>article>div {position:relative; height:38em; padding:16em 1em 0; overflow:hidden; box-sizing:border-box;}
.article-list>article>div>a {text-decoration:none;}
.article-list>article>div>a:hover {text-decoration:none;}
.article-list>article h3 {font-size:1.5em; line-height:1.25em; margin:-.125em 0 .375em;}
.article-list>article>div>a:hover h3 {color:black;}

.article-list>article p {font-size:1.125em; margin:-.125em 0 .375em;}
.article-list>article img {position:absolute; left:0; top:0; width:100%; height:15em;}
.article-list>article iframe {position:absolute; left:0; top:0; width:100%; height:15em; border:none;}
.article-list>article .date {position:absolute; left:1em; bottom:16.75em; color:white; background:rgba(0,0,0,.8); line-height:1; padding:.5em; margin:0; z-index:1;}
.article-list>article .sharing {position:absolute; bottom:1em; left:1em; z-index:10;}
.article-list>article .rating {position:absolute; right:.875em; bottom:1em; z-index:10;}
.article-list>article i {display:none;}

.article-list>.main {width:41em;}
.article-list>.main img {height:100%;}
.article-list>.main h3 {display:none;}
.article-list>.main .description {display:none;}

.article-list>article p {font-size:1.125em; margin:-.125em 0 .375em;}
.article-list>article img {position:absolute; left:0; top:0; width:100%; height:15em;}
.article-list>article iframe {position:absolute; left:0; top:0; width:100%; height:15em; border:none;}
.article-list>article .date {position:absolute; left:1em; bottom:16.75em; color:white; background:rgba(0,0,0,.8); line-height:1; padding:.5em; margin:0; z-index:1;}
.article-list>article .sharing {position:absolute; bottom:1em; left:1em; z-index:10;}
.article-list>article .rating {position:absolute; right:.875em; bottom:1em; z-index:10;}
.article-list>article i {display:none;}



/* Artists */

#dc-artists {padding:2em 0 4em;}
#dc-artists>article {height:15em;}
#dc-artists>article:after {display:none;}
#dc-artists>article a {position:absolute; left:0; bottom:0; width:100%; height:100%;}
#dc-artists>article a h3 {position:absolute; left:0; bottom:0; width:100%; margin:0; padding:1em; color:white; font-weight:bold; z-index:10;}
#dc-artists>article a h3:before {content:''; position:absolute; left:0; bottom:0; width:100%; height:5em; background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1) ); z-index:-5;}
#dc-artists>article a:hover h3 {color:black;}
#dc-artists>article a:hover h3:before {background:linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1) );}



/* Article */
.article {color:#222; background:white;}

.article a {color:#009de9;}
.article a:hover {color:black;}

.article>h2 {margin-left:.5em; margin-right:.5em;}
.article>header {min-height:17em; padding:1em 1em 3em 22em; background:#91a0aa; color:white;}
.article>header>img {position:absolute; left:1em; top:1em; width:20em; height:15em;}
.article>header>.date {position:absolute; right:1em; top:1em; margin:-.125em 0 0;z-index:10;}
.article>header>.sharing {position:absolute; bottom:1em; left:22em; z-index:10;}
.article>header>.rating {position:absolute; bottom:1em; right:1em; z-index:10;}
.article>.content {padding:1em 1.5em;}

.article>.content img {margin:0 auto 1em; max-width:100% !important;}

.article .web-page {color:#666;}



/* Footer */

.footer-space-in {height:2em; margin-bottom:18em; background:linear-gradient(to bottom, rgba(0,0,0,.1) 0%,rgba(0,0,0,0) 100%);}
.footer-space-out {height:2em; background:linear-gradient(to top, rgba(0,0,0,.1) 0%,rgba(0,0,0,0) 100%);}

footer {position:fixed; bottom:0; width:100%; height:22em; padding:5em 0; background:#91a0aa; color:white; z-index:-1; box-sizing:border-box;}

footer section {position:absolute; bottom:30em;}

footer div {width:42em; margin:0 auto;}
footer address {float:left; width:20em; margin:0 .5em; padding:0 1em; box-sizing:border-box; font-style:normal;}

footer h3 {color:white; font-size:1.5em; padding:0 1em; margin-bottom:1.125em; white-space:nowrap;}
footer p {font-size:1.25em; }
footer a {color:white; text-decoration:none;}



/* Responsive */



@media (max-width:1344px) {
body {font-size:12px;}
}



@media (max-width:1007px) {

.site-logo {margin-left:-29.5em;}
.site-navi {margin-right:-29.5em;}

#index .site-header {margin-left:-28em;}
#index .site-navi {margin-right:-28em;}

.site-advantage__list li>div {width:56em;}
.site-advantage__list section {width:34em; padding-top:4em;}

.site-advantage__menu {margin-left:20.5em;}
.site-advantage--advertising section {width:26em; padding-top:5em;}

.full-width-bg>main,
.full-width-bg>section,
.full-width-bg>div {width:63em;}

.more-info section {width:30.5em; min-height:78em; }

#zorganizujeme-cokoliv>div {background-position:right center;}
#od-vstupenek-po-uklid>div {background-position:center center;}
#reklama-a-propagace>div {background-position:right center;}
#orientacni-priklady>div {background-position:center center;}

.english {margin-right:-28em;}
}



@media (max-width:756px) {

.site-logo {margin-left:-26.5em;}
.site-navi {margin-right:-26.5em;}

#index .site-header {margin-left:-26em;}
#index .site-navi {margin-right:-26em;}

#index .site-header,
#index .site-navi {margin-top:-20em;}

.site-advantage__list li>div {width:52em;}
.site-advantage__content,
.site-advantage__list li {height:30em;}
.site-advantage__content {margin-top:-15em;}
.site-advantage__menu {margin-left:18.5em;}

.site-advantage__list section {width:28em; padding-top:4em;}
.site-advantage--advertising section {width:26em; padding-top:5em;}
.site-advantage__list h2 {font-size:2.75em; margin-bottom:.25em;}

div[id="kompletni-realizace"]:target ~ .site-advantage__content .site-advantage__main .site-advantage__list {top:-30em;}
div[id="propagace-udalosti"]:target ~ .site-advantage__content .site-advantage__main .site-advantage__list {top:-60em;}

.full-width-bg>main,
.full-width-bg>section,
.full-width-bg>div {width:56em;}

.more-info section {width:27em; min-height:72em; margin:0 .5em 1em; padding:18em 1.5em 0;}
.more-info section>div {height:14em; background-attachment:scroll;}

#zorganizujeme-cokoliv>div {background-position:right top;}
#od-vstupenek-po-uklid>div {background-position:right bottom;}
#reklama-a-propagace>div {background-position:center;}
#orientacni-priklady>div {background-position:right center;}

.article-list article {font-size:16px;}

.english {margin-right:-26em; margin-top:-12.5em;}
}



@media (max-width:672px) {

.site-logo {margin-left:-19em;}
.site-navi {margin-right:-19em;}

#index .site-header {margin-left:-19.5em;}
#index .site-navi {margin-right:-19.5em;}

.site-menu li {margin-left:2em;}

.site-advantage__list li>div {width:39em;}
.site-advantage__list li {background-size:130%;}
.site-advantage__list li:hover {background-size:135%;}

.site-advantage__menu {margin-left:12em;}

.full-width-bg>main,
.full-width-bg>section,
.full-width-bg>div {width:42em;}

.more-info section {float:none; width:100%; min-height:0; margin:0 0 5em 0; padding:20em 1.5em 0 ;}
.more-info section>div {width:56em; height:18em; left:50%; top:0; margin-left:-28em;}
.more-info section:nth-child(even)>div {left:50%;}

.article-list>article {font-size:12px;}

.english {margin-right:-19.5em;}
}

@media (max-width:504px) {
	
body {font-size:16px; min-height:0;}

h2 {font-size:2em; margin-bottom:.5em;}
p {font-size:1em; line-height:1.5em;}

.site-header {height:6em;}

.site-logo {left:1em; top:1em; margin:0; width:3em; height:3em;}
.site-logo a:before {font-size:3em;}

.site-navi {top:1em; right:1em; margin:0;}

.english {right:4em; top:2em !important; margin:0;}

#index .site-header {position:absolute; top:0; left:0; height:6em; margin:0; width:100%; background:none;}
#index .site-logo {left:1em; top:1em;}
#index .site-logo a {color:white;}

#index .site-navi {top:1em; right:1em; margin:0; z-index:20;}

.site-navi-show {display:block;}


.site-menu {position:absolute; top:3em; right:0; padding:.125em .125em 0; background:rgba(255,255,255,.5);}
.closed .site-menu {display:none;}
.site-menu li {float:none; margin:0 0 .125em; width:auto; line-height:1.5em; text-align:right;}
.site-menu a {display:block; font-size:1em; padding:.5em 1em; background:#91a0aa; color:white; }
.site-menu a:hover {background:black; color:white;}

#index .site-menu {background:none; padding:0;}
#index .site-menu a {color:white; background:rgba(0,0,0,.5);}
#index .site-menu a:hover {color:black; background:white;}

#index .site-navi-show:before {color:white;}
#index .site-navi-show:hover {background:white;}
#index .site-navi-show:hover:before {color:black;}

.site-advantage {min-height:0;}
.site-advantage__content {position:absolute; top:0; height:auto; bottom:0; margin:0;}

.site-advantage__main {position:absolute; left:0; top:0; width:100%; height:100%; margin:0; overflow:hidden;}

.site-advantage__list {height:100%;}
.site-advantage__list li {height:100%; background-size:cover; transition:none; background-position:center;}
.site-advantage__list li:hover {background-size:cover;}
.site-advantage__list li>div {position:relative; width:100%; height:100%; margin:0; background:linear-gradient(90deg, rgba(0,0,0,.8) 0%,rgba(0,0,0,0) 100%);}

.site-advantage__list a {position:absolute; bottom:1em;}


.site-advantage__list section {position:absolute; left:1em; top:20%; bottom:0; right:30%; width:auto; padding:0;}
.site-advantage__list h2 {font-size:1.75em;}

/*.site-advantage__list .site-advantage--advertising>div {width:12em;}*/

.site-advantage__list .site-advantage--equipment>div {text-shadow: 0 0 3px black;}


/*.site-advantage--events {background-image:url(images/benefits--events.jpg); background-position:left 10%;}
.site-advantage--equipment {background-image:url(images/benefits--equipment.jpg); background-position:center;}
.site-advantage--advertising {background-image:url(images/benefits--advertising.jpg); background-position:center;}
.site-advantage--examples {background-image:url(images/benefits--examples.jpg); background-position:left top;}*/


div[id="poradani-akci"]:target ~ .site-advantage__content .site-advantage__main .site-advantage__list {top:0;}
div[id="kompletni-realizace"]:target ~ .site-advantage__content .site-advantage__main .site-advantage__list {top:-100%;}
div[id="propagace-udalosti"]:target ~ .site-advantage__content .site-advantage__main .site-advantage__list {top:-200%;}

.site-advantage__menu {left:auto; right:1em; bottom:1em; margin:0;}

.site-advantage__list a {display:inline-block; padding:.5em 1em; color:white; text-decoration:none; background:rgba(0,0,0,.5); border:1px solid white;}



.full-width-bg>main,
.full-width-bg>section,
.full-width-bg>div {width:100%;}

.more-info {padding-top:3em;}
.more-info section {padding:14em 1em 0;}
.more-info section>div {position:absolute; width:100%; height:12em; left:0; top:0; margin-left:0;}
.more-info section:nth-child(even)>div {left:0; right:auto;}


#o-nas img {margin:0 0 1em;}

.article-list>article {float:none; font-size:16px; width:100%; height:auto; margin:0 0 2em;}
.article-list>article:hover {box-shadow:none;}
.article-list>article>div {height:auto; padding:0;}
.article-list>article h3 {font-size:1.5em; margin:0 .75em .5em;}
.article-list>article p {font-size:1em; margin:0 1em}
.article-list>article img {position:relative; left:auto; top:auto; width:100%; height:auto; margin-bottom:1em;}
.article-list>h2 {margin-left:.5em; margin-right:.5em;}
.article-list>.content {padding:0 1em 2em;}

.article-list>article:after {content:''; display:none;}

#dc-artists>article a {position:relative;}

#index .article-list>article {height:auto;}
#index .article-list>article>div {height:auto;}

.article>header {min-height:0; padding:1em;}
.article>header>img {position:relative; left:auto; top:auto; width:100%; height:auto; margin:0 0 1em 0;}
.article>.content {padding:1em 1em;}

.footer-space-in {margin-bottom:13em;}
footer {height:17em; padding:2em 0 0;}
footer div {width:auto; padding:0 1em;}
footer address {float:none; width:auto; margin:0; padding:0; text-align:center;}
footer h3 {font-size:1.25em; padding:0; text-align:center;}
footer p {font-size:1em; }
footer a {color:white; text-decoration:none;}
}


@media (max-height:320px) {
body {min-height:240px;}

#index .site-header {top:1em; margin-top:0; background:none;}
#index .site-header a:before {color:white;}

#index .site-navi {top:1em; margin-top:0; z-index:20;}
#index .site-navi li {margin-left:.5em;}
#index .site-navi a {color:white; background:rgba(0,0,0,.5); padding:.25em;}

.english {top:5em; margin-top:0;}

.site-advantage {min-height:0; margin:0;}
.site-advantage__main {position:absolute; left:0; top:0; width:100%; height:100%; margin:0; overflow:hidden;}
.site-advantage__content {position:absolute; top:0; width:100%; height:100%; margin:0;}

.more-info {margin-top:4em;}

/*.site-advantage__list li {height:auto'}*/


.site-advantage__list section {width:auto; height:100%; padding:0;}
.site-advantage__list section h2 {padding-top:2em;;margin-bottom:0;}
.site-advantage__list section p {margin-bottom:0;}
.site-advantage__list a {position:absolute; bottom:1em;}
}