/* Eko styles */
@import url('https://fonts.googleapis.com/css2?family=Monoton&display=swap');
.header {background:#0e2e4d;border-bottom:none;}
.logopane img {margin:20px 0;}
.contentpane2 {background:#f6f9ec;}
.bottom {background:#a7c444;}
.copyright {color:#a7c444;}
.copyright a:link, .copyright a:visited {color:#a7c444;}
.copyright a:active, .copyright a:hover {color:#0e2e4d;}
::selection {background:#a7c444;}
::-moz-selection {background:#a7c444;}
a.bigbutton:link, a.bigbutton:visited {background:#a7c444;color:white;}
a.bigbutton:active, a.bigbutton:hover {background:#0e2e4d;color:white;}
button.bigbutton {background:#a7c444;color:white;}
button.bigbutton:hover {background:#0e2e4d;color:white;}
.h1-headline {font-family:'Monoton', cursive;color:#a7c444;}
.documents a:link, .documents a:visited {background:#a7c444;color:white;}
.documents a:active, .documents a:hover {background:#0e2e4d;color:white;}
.newspaper-link a:link, .newspaper-link a:visited {background:#a7c444;color:white;}
.newspaper-link a:active, .newspaper-link a:hover {background:#0e2e4d;color:white;}
.gblocks a {background:#0e2e4d;}
.gblocks a:nth-child(even) {background:#a7c444;}
.gblocks h2 {font-family:'Monoton', cursive;}
.parcours .gblocks a {margin:0 1% 40px 1%;}
/*.parcours .gblocks a:last-child {flex-direction:row;}
.parcours .gblocks a:last-child img {width:auto;}
.parcours .gblocks a:last-child .gblockstext {flex-grow:1;}*/
.parallax-link a.bigbutton:link, .parallax-link a.bigbutton:visited {background:white;color:#a7c444;}
.parallax-link a.bigbutton:active, .parallax-link a.bigbutton:hover {background:#0e2e4d;color:white;}
.article-infos {color:#a7c444;}
article.blog-detail h1 {color:#a7c444;}
.socialicons a:link, .socialicons a:visited {background:white;color:#a7c444;}
.socialicons a:active, .socialicons a:hover {background:#0e2e4d;color:white;}
.ci-header span {background:#a7c444;color:white;}
h1 {font-family:'Monoton', cursive;color:#a7c444;font-size:72px;}
h1 a:link, h1 a:visited, h1 a:active, h1 a:hover {color:#a7c444;}
a:link, a:visited {color:#a7c444;}
a:active, a:hover {color:#0e2e4d;}
.content ul li:before {color:#a7c444;}
hr {background:#a7c444;}
blockquote {border-left:#a7c444 solid 3px;}
nav#dnnMenu ul {margin:0 0 0 60px;}
nav#dnnMenu ul li:first-child {display:none;}
nav#dnnMenu ul li a {height:130px;line-height:130px;color:white;}
nav#dnnMenu ul li.active a, nav#dnnMenu ul li a:hover {color:#a7c444;}
.mobilemenu ul li a:hover {color:#a7c444;}
.documents {
  -webkit-columns: 3;
  -moz-columns: 3;
  columns: 3;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}
.documents div {margin:0 0 8px 0;}
.labelswrapper {margin:60px 0 0 0;}
/* for 1240px and less */
@media screen and (max-width:1240px) {
.logopane {float:none;text-align:center;}
.menu {float:none;}
nav#dnnMenu ul {margin:0;}
}
/* for 980px and less - Only portrait for retina display */
@media all and (max-width:980px),
            screen and (-webkit-min-device-pixel-ratio: 3.0) and (max-width: 2940px) and (orientation: portrait),
            screen and (-webkit-min-device-pixel-ratio: 2.0) and (max-width: 1960px) and (orientation: portrait) {
.documents {-webkit-columns:2;-moz-columns:2;columns:2;}
.parcours .gblocks a {margin:0 0 20px 0;}
.parcours .gblocks a:last-child {flex-direction:column-reverse;}
}
/* for 640px and less */
@media screen and (max-width:640px) {
.documents {-webkit-columns:1;-moz-columns:1;columns:1;}
.bottompane1 {display:block;margin:0;}
.about-content {text-align:center;}
h1 {font-size:60px;}
}
/* for less than 380px (Iphone 7)*/
@media screen and (max-width:380px) {
h1 {font-size:48px;}
}