| 1 |
- @media screen and (max-width: 559px){.map{display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-rows:1fr auto;grid-template-rows:1fr auto;grid-gap:50px;border:1px solid #667451;-webkit-border-radius:10px;border-radius:10px;padding:10px}.map .info{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-webkit-justify-content:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.map .info h2{margin:10px 0;font-size:1.25rem}header{margin-bottom:20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:13px 0}header>.logo>.text{font-size:3rem;color:#d9efe9}header>.organization,header>.logo-art{display:none}main{padding:0 5px;-ms-grid-columns:calc(100vw - 10px);grid-template-columns:-webkit-calc(100vw - 10px);grid-template-columns:calc(100vw - 10px)}main .article-title{font-size:2rem}main article{text-align:center;font-size:1.2rem;margin-bottom:20px}main>section:nth-child(1){-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2/3}main>section:nth-child(2){-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2}main>section:nth-child(3){-ms-grid-row:3;-ms-grid-row-span:1;grid-row:3/4}.hamburger-main,.hamburger-top{display:block;position:fixed;top:0;left:0;width:60px;height:60px;z-index:60}.hamburger-main>.background,.hamburger-top>.background{background-color:#182410;position:absolute;left:0;top:0;width:100vw;height:100%;z-index:-1}.hamburger-main>.line,.hamburger-top>.line{position:absolute;width:50%;height:6px;-webkit-border-radius:4px;border-radius:4px;background-color:#e4ebe4;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition-property:top, left, opacity, color, -webkit-transform;transition-property:top, left, opacity, color, -webkit-transform;-o-transition-property:top, left, transform, opacity, color;transition-property:top, left, transform, opacity, color;transition-property:top, left, transform, opacity, color, -webkit-transform;-webkit-transition-duration:250ms;-o-transition-duration:250ms;transition-duration:250ms}.hamburger-main>.line:nth-child(1),.hamburger-top>.line:nth-child(1){top:25%;left:5px}.hamburger-main>.line:nth-child(2),.hamburger-top>.line:nth-child(2){top:25%;left:-webkit-calc(50% - 5px);left:calc(50% - 5px)}.hamburger-main>.line:nth-child(3),.hamburger-top>.line:nth-child(3){top:50%;left:5px;width:-webkit-calc(100% - 10px);width:calc(100% - 10px)}.hamburger-main>.line:nth-child(4),.hamburger-top>.line:nth-child(4){top:75%;left:5px}.hamburger-main>.line:nth-child(5),.hamburger-top>.line:nth-child(5){top:75%;left:-webkit-calc(50% - 5px);left:calc(50% - 5px)}.hamburger-main.open>.line,.hamburger-top.open>.line{background-color:#d9efe9}.hamburger-main.open>.line:nth-child(1),.hamburger-top.open>.line:nth-child(1){top:-webkit-calc(25% + 5px);top:calc(25% + 5px);left:5px;-webkit-transform:translateY(-50%) rotateZ(45deg);-ms-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotateZ(45deg)}.hamburger-main.open>.line:nth-child(2),.hamburger-top.open>.line:nth-child(2){top:-webkit-calc(25% + 5px);top:calc(25% + 5px);left:-webkit-calc(50% - 5px);left:calc(50% - 5px);-webkit-transform:translateY(-50%) rotateZ(-45deg);-ms-transform:translateY(-50%) rotate(-45deg);transform:translateY(-50%) rotateZ(-45deg)}.hamburger-main.open>.line:nth-child(3),.hamburger-top.open>.line:nth-child(3){opacity:0}.hamburger-main.open>.line:nth-child(4),.hamburger-top.open>.line:nth-child(4){top:-webkit-calc(75% - 5px);top:calc(75% - 5px);left:5px;-webkit-transform:translateY(-50%) rotateZ(-45deg);-ms-transform:translateY(-50%) rotate(-45deg);transform:translateY(-50%) rotateZ(-45deg)}.hamburger-main.open>.line:nth-child(5),.hamburger-top.open>.line:nth-child(5){top:-webkit-calc(75% - 5px);top:calc(75% - 5px);left:-webkit-calc(50% - 5px);left:calc(50% - 5px);-webkit-transform:translateY(-50%) rotateZ(45deg);-ms-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotateZ(45deg)}.hamburger-top{left:unset;right:0}nav,.menu{position:fixed;width:100vw;z-index:250;top:60px;bottom:0;left:0;overflow:auto;opacity:0.95;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform 250ms ease-in-out;transition:-webkit-transform 250ms ease-in-out;-o-transition:transform 250ms ease-in-out;transition:transform 250ms ease-in-out;transition:transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out}.menu .item>.text{font-size:1.5em;text-align:center;padding:25px;display:block;text-decoration:none;color:#182410}nav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);background-color:#d9efe9}nav .item>.text{font-size:1.75em;text-align:center;padding:25px;display:block;text-decoration:none;color:#182410}nav .item>.text[data-click]{background-color:#3f4d32;color:#d9efe9;position:relative}nav .item>.text[data-click]::before{content:"\f0a7";font-family:"Font Awesome 5 Free";font-size:2rem;right:30px;position:absolute;font-weight:700;-webkit-animation:touchItem 500ms linear infinite;animation:touchItem 500ms linear infinite}nav .item>.submenu{height:0;overflow:hidden;background-color:#4caf50}nav .item.open{background-color:#1b5e20;color:#d9efe9}nav::before{content:none}footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;height:150px}.hamburger-main.open ~ main .menu{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.hamburger-top.open ~ nav{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);background-image:-webkit-gradient(linear, left bottom, left top, from(#fbff00), to(#7cff00));background-image:-webkit-linear-gradient(bottom, #fbff00, #7cff00);background-image:-o-linear-gradient(bottom, #fbff00, #7cff00);background-image:linear-gradient(0deg, #fbff00, #7cff00);-webkit-animation:navBackground 5s linear infinite;animation:navBackground 5s linear infinite}.notice-container .carousel{height:500px}.notice-container .carousel>.slider>.slide{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.notice-container .carousel>.slider>.slide>.image{height:40%}.notice-container .carousel>.slider>.slide>.image>img{-o-object-fit:cover;object-fit:cover}.notice-container .carousel>.slider>.slide>.image>img.blur{display:none}.notice-container .carousel>.slider>.slide>.content{height:60%;padding:15px 15px 35px 15px;-webkit-box-pack:space-evenly;-webkit-justify-content:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;text-align:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.notice-container .carousel>.slider>.slide.expand{top:60px;padding:20px;overflow:auto;display:block}.notice-container .carousel>.slider>.slide.expand>.content{padding:20px 0;height:auto}.notice-container .carousel>.slider>.slide.expand>.content>.full-text{overflow:unset;padding:0}.news-container{-ms-grid-columns:1fr;grid-template-columns:1fr}.news-container>.news{padding:20px}.news-container>.news>.text{font-size:1rem}.news-container>.news>.image{display:none}.news-pagination{margin-bottom:20px}.news-pagination>a{padding:10px 25px;font-size:1.4rem}a.gradient-button{width:160px;height:40px;font-size:1.4rem}.block.flex{font-size:1.5rem}.block>.icon{width:80px}.block .fas{font-size:50px}}@media screen and (max-width: 359px){header>.logo>.text{font-size:2rem}.block.flex{font-size:1.1rem}}@-webkit-keyframes touchItem{0%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}80%{-webkit-transform:translateY(5px);transform:translateY(5px)}100%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes touchItem{0%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}80%{-webkit-transform:translateY(5px);transform:translateY(5px)}100%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}
|
