body{background:#f9f9f9;}

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

  #services .grid{display:grid;grid-template-columns:280px 1fr;grid-gap:30px;}
    #services .grid .s{}
    #services .grid .s.s1{padding:30px 25px;background:#fff;}
      #services .grid .s.s1 .nav{}
        #services .grid .s.s1 .nav .title{font-size:2.3rem;color:#000;font-family:'yeseva';text-align:center;}
        #services .grid .s.s1 .nav .links{margin:40px 0 0 0;font-family:'playfair';}
          #services .grid .s.s1 .nav .links div{margin:0 0 20px 0;}
            #services .grid .s.s1 .nav .links a{transition:400ms color;}
            #services .grid .s.s1 .nav .links a:hover{color:var(--golden1);}
    #services .grid .s.s2{}
      #services .grid .s.s2 .content{line-height:140%;}
        #services .grid .s.s2 .content p{margin:0 0 20px 0;}
        #services .grid .s.s2 .content ul{padding:0 0 0 25px;list-style:circle;}
      #services .grid .s.s2 .video{margin:60px 0 0 0;}
        #services .grid .s.s2 .video iframe{max-width:100%;max-height:60vh;}
@media only screen and (max-width:1000px){
	#services .grid{display:grid;grid-template-columns:1fr;grid-gap:40px;}
  #services .grid .s.s2 .content ul{list-style:circle;column-count:1;}
  #services .grid .s.s2 .video iframe{height:60vh;}
}


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

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