@charset "utf-8";
.c-btn,.andmore{
  display: none !important;
}
.mainMenu ul li a.icon-present{
  background: url(../img/i_present.png) no-repeat center center;
  display: inline-block;
  background-size: cover; 
  width: 24px;     
  text-indent: -9999px;
  overflow: hidden;
}
#header.fixed .check:checked ~ .mainMenu ul li a.icon-present{
  background: none;
  text-indent: 0;
  overflow: visible;
  text-align: center;
  width: auto;    
  font-family: "Nunito", sans-serif !important;
  font-weight: 900;
}
@media screen and (min-width:768px) {
  .mainMenu ul li a.icon-present{
   background: none;
    text-indent: 0;
    overflow: visible;
    text-align: center;
    width: auto;    
    font-family: "Nunito", sans-serif !important;
    font-weight: 900;
  }
}
.preBtn a{
  font-weight: 600;
}
.mainMenu ul li.icon-present img{
  width: 100%;
  height: 100%;
}
ul.presentImg{
  display: flex;
  flex-wrap: wrap;
  margin: 20px auto 40px; 
}
ul.presentImg li{
  width: calc(50% - 2vw);
  padding: 0;
  margin: 1vw;
  position: relative;
}
ul.presentImg li img{
 border: 1px solid #299cd2;
 border-radius: 5px;
}

#PRESENT a:hover.btn {
    background: linear-gradient(to bottom, #26C494, #FFF28F);
    color: #fff;
}
@media screen and (min-width:520px) {
  #PRESENT h5{
    font-size: 1.8rem;
  }
  ul.presentImg li{
    width: 25%;
    padding: 1% ;
  }
  ul.presentImg li {
    width: calc((100% - 30px)/3);
    padding: 0;
    margin: 3px;
  }
}

@media screen and (min-width:960px) {
  #PRESENT a.btn{
    max-width: 500px;
  }
}
@media screen and (min-width:1600px) {
  ul.presentImg li {
    width: calc((100% - 50px)/4);
    padding: 0;
    margin: 3px;
  }
}