.clearfix:before,
.clearfix:after{
   content:"";
   display:table;
}
 
.clearfix:after{
   clear:both;
}


.gallery {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 900px;
}


@media screen and (min-width: 0px) and (max-width: 720px) {
  .hide-mobile{ display: none; }

}
@media screen and (min-width: 721px) and (max-width: 2500px) {
  .hide-pc{ display: none; }
}

h1 {
    direction: auto;
}