html,body{background-color:white;height:100%;margin:0 auto;}body{display:flex;flex-direction:column;}.mainwrapper{flex:1;max-width:1620px;margin:0 auto;width:100%;}.flexcolumnvertically{display:flex;flex-direction:column;justify-content:center;align-items:center;}.flexrowhorizontally{display:flex;flex-direction:row;justify-content:center;}.column3{padding-top:0px;flex:1;padding:20px;text-align:center;}.hidden-content{display:none;}.mainwrappernav{max-width:1200px;margin:0 auto;}nav{width:100%;height:60px;background-color:gray;}nav .mainwrappernav{height:100%;display:flex;justify-content:space-between;align-items:center;}nav img{width:60px;}nav ul{}nav ul li{list-style:none;float:left;}nav ul li a{font-family:'Roboto',sans-serif;font-weight:300;font-size:14px;color:#ffffff;text-decoration:none;padding:0 16px;text-transform:uppercase;}nav ul li a:hover{color:#31a6ff;}@media only screen and (min-width:901px){.Mobile_Version{visibility:hidden;display:none;}.Web_Version{visibility:visible;-ms-display:inline;}.MainContentBlokStyle{display:flex;justify-content:space-between;gap:20px;}}@media only screen and (max-width:900px){.Mobile_Version{visibility:visible;-ms-display:inline;}.Web_Version{visibility:hidden;display:none;}}.BlokTextTextH{padding:5px;text-align:left;font-family:Montserrat;font-size:14px;}.BlokTextTextTitleH{float:left;color:black;font-family:Montserrat;text-align:center;font-weight:900;height:30px;width:100%;}.B3ButtonsH{float:left;width:120px;height:50px;margin-left:5%;margin-right:5%;margin-bottom:20px;cursor:pointer;text-decoration:none;color:black;border-width:2px;border-style:solid;border-radius:10em;border-color:black;padding-left:2em;padding-right:1.5em;-webkit-animation:5s ease 0s normal forwards 1 fadein;animation:5s ease 0s normal forwards 1 fadein;-webkit-box-shadow:10px 10px 15px 1px rgba(179,179,179,1);-moz-box-shadow:10px 10px 15px 1px rgba(179,179,179,1);box-shadow:10px 10px 15px 1px rgba(179,179,179,1);}.B3ButtonsH:hover{background-color:#f7f7f7;border-width:3px;}.B3ButtonsH:active:after{background-color:#f7f7f7;}h1,h2,h3,h4,h5,h6,p{font-family:'Roboto',sans-serif;color:#111;line-height:24px;}h1{font-weight:600;font-size:32px;padding:20px 0;text-align:center;}h2{font-weight:500;font-size:24px;padding:20px 0;text-align:center;}h3{font-weight:500;font-size:16px;}p{font-weight:400;font-size:16px;}section{background-color:#fff;width:94%;padding:20px 3%;}.index-intro p{text-align:center;}.index-categories-list{display:flex;justify-content:space-between;align-items:center;}.index-categories-list div{width:24%;height:200px;background-color:#ccc;display:flex;justify-content:center;align-items:center;}.signup-form-form{display:flex;justify-content:center;}.signup-form p{text-align:center;padding-bottom:40px;color:#007ecc;}.signup-form form{width:30%;}.signup-form form input{width:calc(100% - 16px);padding:6px;margin-bottom:4px;}.signup-form form button{display:block;padding:10px 20px;margin:10px auto;cursor:pointer;}@keyframes bugfix{from{padding:0;}to{padding:0;}}@-webkit-keyframes bugfix{from{padding:0;}to{padding:0;}}#overlay-button{position:absolute;right:2em;top:3em;padding:26px 11px;z-index:5;cursor:pointer;-webkit-user-select:none;user-select:none;span{height:4px;width:35px;border-radius:2px;background-color:black;position:relative;display:block;transition:all .2s ease-in-out;&:before{top:-10px;visibility:visible;}&:after{top:10px;}&:before,&:after{height:4px;width:35px;border-radius:2px;background-color:black;position:absolute;content:"";transition:all .2s ease-in-out;}}&:hover span,&:hover span:before,&:hover span:after{background:#333332;}}input[type=checkbox]{display:none;}input[type=checkbox]:checked ~ #overlay{visibility:visible;}input[type=checkbox]:checked ~ #overlay-button{&:hover span,span{background:transparent;}span{&:before{transform:rotate(45deg) translate(7px,7px);opacity:1;}&:after{transform:rotate(-45deg) translate(7px,-7px);}}}#overlay{height:100vh;width:100vw;background:#ec6451;z-index:2;visibility:hidden;position:fixed;&.active{visibility:visible;}ul{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;height:100vh;padding-left:0;list-style-type:none;li{padding:1em;a{color:white;text-decoration:none;font-size:1.5em;&:hover{color:#333332;}}}}}@media only screen and (max-width:768px){[class*="col-"]{width:100%;}}footer{background-color:#f4f4f4;padding:20px;text-align:center;font-size:14px;color:#333;border-top:1px solid #ccc;}footer a{color:inherit;text-decoration:none;}footer a:hover{text-decoration:underline;}