body{background:#f9f9f9;}

#gallery{margin:0 0 50px 0;}

  #gallery .grid{display:grid;grid-template-columns:280px 1fr;grid-gap:30px;}
    #gallery .grid .s{}
    #gallery .grid .s.s1{padding:30px 25px;background:#fff;}
      #gallery .grid .s.s1 .nav{}
        #gallery .grid .s.s1 .nav .title{font-size:2.3rem;color:#000;font-family:'yeseva';text-align:center;}
        #gallery .grid .s.s1 .nav .links{margin:40px 0 0 0;font-family:'playfair';}
          #gallery .grid .s.s1 .nav .links div{margin:0 0 20px 0;}
            #gallery .grid .s.s1 .nav .links a{transition:400ms color;}
            #gallery .grid .s.s1 .nav .links a:hover{color:var(--golden1);}
    #gallery .grid .s.s2{}
      #gallery .grid .s.s2 .content{margin:0 0 60px 0;}
        #gallery .grid .s.s2 .content img{max-width:100%;height:auto;}
        #gallery .grid .s.s2 .content p{margin:0 0 20px 0;}
      #gallery .grid .s.s2 .images{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;}
        #gallery .grid .s.s2 .images a.item{
          position:relative;padding-top:80%;
        }
          #gallery .grid .s.s2 .images a.item img{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;object-fit:cover;}




#galleryview{margin:0 0 50px 0;}

  #galleryview .grid{display:grid;grid-template-columns:280px 1fr;grid-gap:30px;}
    #galleryview .grid .s{}
    #galleryview .grid .s.s1{padding:30px 25px;background:#fff;}
      #galleryview .grid .s.s1 .nav{}
        #galleryview .grid .s.s1 .nav .title{font-size:2.3rem;color:#000;font-family:'yeseva';text-align:center;}
        #galleryview .grid .s.s1 .nav .links{margin:40px 0 0 0;font-family:'playfair';}
          #galleryview .grid .s.s1 .nav .links div{margin:0 0 20px 0;}
            #galleryview .grid .s.s1 .nav .links a{transition:400ms color;}
            #galleryview .grid .s.s1 .nav .links a:hover{color:var(--golden1);}
    #galleryview .grid .s.s2{}
      #galleryview .grid .s.s2 .content{margin:0 0 60px 0;}
      #galleryview .grid .s.s2 .images{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;}
        #galleryview .grid .s.s2 .images a.item{
          position:relative;padding-top:80%;
        }
          #galleryview .grid .s.s2 .images a.item img{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;object-fit:cover;}