@media (max-width: 1200px) {
      .art{font-size: 28px;}
      .nav li a, #touch-menu {font-size: 22px; padding: 20px 25px 10px 25px;}
      #en a{padding-top: 12px;}
      #col-text{font-size: 22px;}
   }

    @media (max-width: 1080px) {
      .art{font-size: 24px;}
   }
    
    @media (max-width: 925px) {
      .art{font-size: 22px;}
      .nav li a, #touch-menu {font-size: 18px; padding: 20px 20px 10px 25px;}
      #en a{padding-top: 12px;}
      #col-text{font-size: 18px;}
   }

    @media (max-width: 880px) {
      .art{font-size: 20px;}
   }
    @media (max-width: 780px) {
      .art{font-size: 17px;}
      .nav li a, #touch-menu {font-size: 16px; padding: 20px 19px 10px 19px;}
      #en a{padding-top: 12px;}
      #col-text{font-size: 16px;}
      iframe{display:none;}
   }
    @media (max-width: 680px) {
      .slider-wrap{width: unset; float: none;}
      .art{font-size: 25px; padding-bottom: 4%; padding-top: 1%;}
      .nav {display: none;}
      .nav li {float: none;}
      .nav li a, #touch-menu {font-size: 20px;}
      .nav li a {
        border-top: 1px solid #1c1a02;
        background: #4d4809;
      }
      .nav li a:hover {
        background: #5f590b;
        border-bottom: 3px solid transparent;
      }
      .nav li:first-child a {border-top: none;}
      #touch-menu {display: block;}
    #en a img{width:10%; border: 3px solid transparent;}
    #en a:hover img{border: 3px solid #f3eead;}
    .menu{float: none; margin-top: 0;}
    .cont2{margin: 0 14%}
    #col-text{font-size: 14px;}
    .cont1{margin: 0 auto;}
    iframe{display:none;}
   }
   @media (max-width: 467px) {
      h1{font-size: 200%;}
   }

   @media (max-width: 1092px) { 
  .col-wrap {max-width: 40%}
}

   @media (max-width: 720px) { 
  .col-wrap {max-width: 70%}
}