.landing{width:100%;padding-bottom:2em}.landing .main{display:grid;color:#000;grid-template-columns:1fr 2fr 4fr 2fr 1fr;grid-template-rows:1fr 1fr 3fr 1fr 1fr;height:100vh;width:100%;background-image:url("../images/bg.png");background-repeat:no-repeat;background-size:cover}.landing .main__title{grid-column:2/5;grid-row:2;text-transform:uppercase}.landing .main__subtext{grid-row:3;grid-column:2/5}.landing .main__link{grid-row:4;grid-column:3;border-radius:8px;background-color:#3e42b8;color:#fff;font-size:20px;padding:.5em;-webkit-box-shadow:0 5px 6px #4d4d4d;box-shadow:0 5px 6px #4d4d4d;text-decoration:none;align-self:center;text-align:center;cursor:pointer}.landing .main__link:hover{background-color:#48f}.landing .section{margin-top:15vh;grid-template-columns:1fr 4fr 1fr 1fr 4fr 1fr;grid-template-rows:1fr 2fr;display:grid}.landing .section__left{grid-column:2/6;align-self:center}.landing .section__right{grid-column:2/6;align-self:center}.landing .section__wide{grid-column:2/6}.landing .section__text{background-color:#000;color:#fff}.landing .section__title{grid-column:2/6}.landing .img{width:80%;margin:auto}@media(min-width: 768px){.landing .main{background-image:url("../images/bg.png");background-repeat:no-repeat;background-size:cover;height:91vh;grid-template-columns:1fr 2fr 4fr 2fr 1fr 2fr 4fr 2fr 1fr;grid-template-rows:1fr 2fr 3fr 1fr 1fr}.landing .main__title{grid-column:6/9;grid-row:2}.landing .main__subtext{grid-row:3;grid-column:6/9}.landing .main__link{grid-row:4;grid-column:7}.landing .section{display:grid;grid-template-columns:2fr 4fr 1fr 1fr 4fr 2fr;grid-template-rows:1fr 2fr}.landing .section__left{grid-column:2/3}.landing .section__right{grid-column:5/6}.landing .section__wide{grid-column:2/6}.landing .section__text{background-color:#000;color:#fff}.landing .section__title{grid-column:2/6}}@media screen and (min-device-pixel-ratio: 2){.landing .main{background-image:url("../images/bg@2x.png")}}body{margin:0;padding:0;font-family:"Baloo Bhaijaan 2",cursive;font-size:18px;line-height:1.5;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:background-color color;transition-property:background-color color}.title{font-family:"Baloo Bhaijaan 2",cursive}.topBtn{display:none;position:fixed;bottom:20px;right:30px;z-index:20;border:none;padding:1em;background-color:#3e42b8;color:#fff;cursor:pointer;border-radius:20px}.topBtn:hover{background-color:#ffba44}.topheader{position:fixed;background-color:#48f;color:#000;height:56px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:5}.topheader__logo{font-size:0;height:28px;width:172px;padding:1em;background-image:url(../images/logo_MInfos.svg);background-size:cover;background-repeat:no-repeat}.topheader__navlist{list-style:none;width:100%;height:90vh;padding:0;margin:0;display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.topheader__navlistEl{display:block;text-align:center}.topheader__navlistEl a{color:#000;text-decoration:none;display:block;padding:.5em;font-size:1.5em;-webkit-transition-property:background-color;transition-property:background-color;-webkit-transition-duration:.6s;transition-duration:.6s}.topheader__navlistEl a:hover{background-color:#bedefd}.topheader__navlist.show{display:-webkit-box;display:-ms-flexbox;display:flex}.active{background-color:#82f0ff}.article{font-size:18px;width:80%;margin:1em auto;padding:1em;border-radius:8px;background-color:#b4cdff}.article__link{font-size:16px}.article .badge{position:relative;top:-10px;right:-10px;padding:5px 10px;border-radius:50%;background:red;color:#fff}.ui-kit{padding:2em 0;width:100%;background-color:rgba(51,119,255,.18)}.ui-kit .block{width:80%;margin:auto}.ui-kit .news{background-color:unset}.ui-kit .archives{background-color:unset}.ui-kit .archives .searchEngine{height:unset}.footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;left:0;bottom:0;width:100%;background-color:#4d4d4d;color:#000}.footer__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0;list-style:none}.footer__listEl{text-align:center}.footer__listEl a{display:block;text-decoration:none;color:#fff;padding:1em}.footer__listEl:hover{background-color:#a22}.footer__link{text-align:center;color:#fff;padding:1em;display:block}.footer__link:hover{background-color:#f33}.footer__listEl.active{background-color:#3e42b8}.logo{margin-top:1em;text-indent:100%;overflow:hidden;display:inline-block;white-space:nowrap;background-image:url("../images/logo-DWM.svg");background-repeat:no-repeat;background-size:contain;background-position:center}@media(min-width: 769px){body{font-size:24px}.topBtn{bottom:30px}.topheader{position:unset;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding:0;height:74px}.topheader__navlist{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around;width:65%;height:unset}.topheader__navlistEl a{font-size:unset}.article{width:70%;margin:2em auto}.burger{display:none}.footer{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.footer__list{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin:0}.footer__link{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:center;align-self:center;margin-right:2em}.logo{width:16%;margin-left:2em}}
/*# sourceMappingURL=main.css.map */