* {
  margin: 0; padding: 0;
}
body{
  background: #F0F0F0; margin: 0 auto;
}
.block-menu {
  display: flex; width: 100%;
}
.block-menu img{
margin: 30px;
}
.block-wher{
  margin: 30px;
}
.block-wher a {
text-decoration: none;
}
.logo {
  font-size: 55px;color: #B2DC61;
}
.logo:hover {
color: black;
}
.block-logo {
  margin-top:3px;font-size: 24px;color: black;
}
nav {
  width: 100%;
  background: #B2DC61;margin: 5px;
}

nav ul {
  
  margin-left: 30px;

}

nav ul li {
  list-style: none;border-left: 1px solid white;
  display: inline-block;
  padding-left: 10px;
  padding-bottom: 15px;
  padding-top: 15px;
}

nav ul li :hover {
  border-bottom: 2px solid white;
  color: white;
}

nav ul li a{
  color: black;
  text-decoration: none;
  padding: 5px;
  font-size: 20px;

}

.toggle {
  width: 100%;
  padding: 10px 20px;
  background: #93DC00;
  text-align: right;
  box-sizing: border-box;
  color: black;
  font-size: 30px;
  display: none;
}
.navitext {
  margin-right: 10px;
  margin-left: 10px;
}
.navitext li{
    list-style: none;
    display: inline;
    margin-left: 0;
    margin-right: 3px;
    color: Blue;
}
.navitext a{
    list-style: none;
    text-decoration: none;
    color: Blue;
}
.navitext a:hover{
    border-bottom: 1px solid Blue;
}
footer{
  width: 100%;height: auto;background: #B2DC61; margin: 0 auto;text-align: center;padding-top: 10px;font-size: 20px;
}
footer a{
  color: black;margin-left: 10px;text-decoration: none;
}
footer  a:hover{
  border-bottom: 1px solid white;color: white;  
}
footer p{
    margin-top: 10px;color: black;padding-bottom: 10px;
}

@media (max-width: 568px){
   
    .toggle {
      display: block;border-bottom:  1px solid White;
    }
nav{
  width: 98%;
}
    nav ul {
      width: 100%;
      display: none;margin: 0;
    }

    nav ul li {
      display: block;
      text-align: center;border-bottom:  1px solid White;
    }
  .active {
    display: block;
  }
  .block-menu{
    margin-bottom: 20px;
  }
   .block-menu img{
    display: none;
 
}

}
@media (max-width: 360px){
.logo {
  font-size: 40px;
}
.block-logo {
  font-size: 18px;
}  
}
.fas{
 display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1
  }
.fa-bars{
    cursor: pointer;  
  }
.wrapper{
  background: white;max-width: 1260px;width: 98%;padding: 1%;height: auto;margin: 0 auto;
}
main{
    width: 100%;display: flex;margin-top: 20px;flex-flow: column;
  }
.now{
   width: 50%;  
  border: 1.6px solid #B2DC61; margin: 10px;padding: 10px;border-radius: 8px;text-align: center;
    }
    @media (max-width: 900px){
.now{
   width: 70%; 
 }
 
}
@media (max-width: 600px){
.now{
   width: 88%; 
 }
 
}