@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


@media screen and (max-width: 1600px){
*{
  margin: : 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Roboto', sans-serief;
}
html, body {
    max-width: 100%;
    max-height: 100%;
    overflow-x: hidden;
    zoom: 0.950; 
}
.logo{
  position:fixed;
  top: 1.5vh;
  left:4vh;
  float:left;
  cursor: pointer;
  z-index: 2;
}
div.navi_mob{
  display:hidden;
}
.navi button.hamburger{
  display:none;
}
.navi button.hamburger2{
  display:none;
}
.navi button.hamburger3{
  display:none;
}
#navi_mob.hide{ 
  display:none; 
  }
div.navi{
  text-align: right;
  padding: 2.8%;
  font-weight: bold;
  font-size: 4vh; 
  background-color: white;
  position: fixed;
  width:100%;
  height:1%;
  top: 0;
  z-index: 1;
}
.navi a{
  color:#0097F4;
}
.navi a:hover{
  color:#007ef4;
}
.navi select{
  font-size: 3.3vh;
  border:none;
}
.navi select:focus{
  font-size: 3.3vh;
  border:none;
}
.wrapper{
position: fixed;
z-index: 10;
width: 40%;
height: 40%;
left: 30%;
bottom:40%;
border-radius: 15px;
border-style: solid;
border-color: #0097F4;
background:white; 
text-align: center;
padding: 25px 25px 30px 25px;
overflow: hidden;
}
.wrapper img{ max-width: 90px;
}
.wrapper content{ margin-top: 10px;
}
.wrapper.hide{
  opacity: 0;
  pointer-events: none;
  transform: scale(0.8);
  transition: all 0.3s ease;
  }
.content header{
font-size: 25px; font-weight: 600;
}
.content p{ 
color:#858585;
margin: 5px 0 20px 0;
}
.content .buttons{
display: flex;
align-items: center;
justify-content: center;
}
.buttons .item{ 
margin: 0 10px;
}
.buttons button{
padding: 10px 20px;
background: #0097F4;
border: none;
outline: none; 
font-size: 16px; 
font-weight:500;
color:#fff;
cursor: pointer;
border-radius: 5px;
}
.buttons a{ 
color:#0097F4;
}

div.blog{
  margin:0 auto;
  margin-top: 10%;
  margin-bottom: 5%;
  width:75%;
  position:relative;
  text-align: center;
    word-break: break-word;
    hyphens: auto;
    -webkit-hyphens: auto;
  font-size: 2.2vh;
  font-weight: normal;
  white-space: normal;
  padding-right:7%;
  padding-left:7%;
}
div.articles{
 display: flex;
    justify-content: flex-start;
}
div.articles2{
 display: flex;
    justify-content: flex-start;
}
.articles img{
   border-radius: 15px;
  width:100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
}
.articles2 img{
   border-radius: 15px;
  width:100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
}
.rm {
  background-color: #0097F4;
 font-weight: bold;
  color: white;
  font-size:1.3vw;
  border-radius: 5px;
  border:none;
  outline:none;
  text-align: center;
   float:right;
   cursor: pointer;
  width:42%;
  height:10%;
  line-height: 0px;
   margin: auto auto;
}
.rm:hover{
background-color: #007ef4;
  font-weight: bold;
  color: white;
  font-size:1.3vw;
  border-radius: 5px;
  border:none;
  outline:none;
  text-align: center;
   float:right;
   cursor: pointer;
  width:42%;
  height:10%;
  line-height: 0px;
   margin: auto auto;
   
}
input[type=date]{
  box-sizing: border-box;
  font-weight: bold;
   font-size:1.4vw;
  border: none;
  outline:none;
  color: #0097F4;
  float:left;
}
div.art1{
  display:block;
  float:left;
    width:30%;
  height: 30%;
   text-align: justify;
  justify-content: center;
  font-size: 1.5vw;
  margin:2%;
}
div.art2{
  display:block;
  float:left;
    width:30%;
  height: 30%;
   text-align: justify;
  justify-content: center;
  font-size: 1.5vw;
  margin:2%;
}
div.art3{
  display:block;
  float:left;
    width:30%;
  height: 30%;
   text-align: justify;
  justify-content: center;
  font-size: 1.5vw;
  margin:2%;
}
div.art4{
  display:block;
  float:left;
    width:30%;
  height: 30%;
   text-align: justify;
  justify-content: center;
  font-size: 1.5vw;
  margin:2%;
}
div.art5{
  display:block;
  float:left;
    width:30%;
  height: 30%;
   text-align: justify;
  justify-content: center;
  font-size: 1.5vw;
  margin:2%;
}
div.art6{
  display:block;
  float:left;
    width:30%;
  height: 30%;
   text-align: justify;
  justify-content: center;
  font-size: 1.5vw;
  margin:2%;
}
footer{
	position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   text-align: center;
   font-weight: bold;
   font-size: 20px;
   background-color: white;
}
form.lang2{
	position:relative;
  float:right;
  text-align: center;
}
select{ border: none; font-size: 18px; font-weight: bold;}

select:focus{ border: none; font-size: 18px; font-weight: bold;}
a:link { text-decoration: none; }


a:visited { text-decoration: none; }


a:hover { text-decoration: none; }


a:active { text-decoration: none; }

a { color: #0097F4; }
}

@-moz-document url-prefix() {
  html, body {
    max-width: 100%;
    max-height: 100%;
    overflow-x: hidden;
    zoom: 0.990; 
    }
.logo{
  position:fixed;
  top: 30px;
  left:30px;
  float:left;
}
div.column {
  column-fill: auto;
  width:1100px;
  white-space: normal;
  position:relative;
  clear: left;
  text-align: left;
  padding:1%;
  font-size: 28px;
  left:250px;
  line-height: 40px;
  float:left;
}
.column br{
    content: "";
  margin: 10px;
  display: block;
}
}