html {
        font-family: sans-serif;
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%
      }

      body {
        margin: 0
      }

 .flex {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin-left: 0;
        margin-right: 0;
        max-width: 100%
      }

 .font-scale-1 {
        font-size: .5625rem
      }

      .font-scale-2 {
        font-size: .625rem
      }

      .font-scale-3 {
        font-size: .75rem
      }

      .font-scale-4 {
        font-size: .875rem
      }

      .font-scale-5 {
        font-size: 1rem
      }

      .font-scale-6 {
        font-size: 1.125rem
      }

      .font-scale-7 {
        font-size: 1.3125rem
      }

      .font-scale-8 {
        font-size: 1.5rem
      }

      .font-scale-9 {
        font-size: 1.6875rem
      }

      .font-scale-10 {
        font-size: 1.875rem
      }

      .font-scale-11 {
        font-size: 2.0625rem
      }

      .font-scale-12 {
        font-size: 2.25rem
      }

      .font-scale-13 {
        font-size: 2.5rem
      }

      .font-scale-14 {
        font-size: 2.75rem
      }

      .font-scale-15 {
        font-size: 3rem
      }

      .font-scale-16 {
        font-size: 3.25rem
      }

      .font-scale-17 {
        font-size: 3.5rem
      }

      .font-scale-18 {
        font-size: 3.75rem
      }

      @media(min-width: 480px) {
        .font-scale-1 {
          font-size: .5625rem
        }

        .font-scale-2 {
          font-size: .625rem
        }

        .font-scale-3 {
          font-size: .75rem
        }

        .font-scale-4 {
          font-size: .875rem
        }

        .font-scale-5 {
          font-size: 1rem
        }

        .font-scale-6 {
          font-size: 1.125rem
        }

        .font-scale-7 {
          font-size: 1.3125rem
        }

        .font-scale-8 {
          font-size: 1.5rem
        }

        .font-scale-9 {
          font-size: 1.75rem
        }

        .font-scale-10 {
          font-size: 2rem
        }

        .font-scale-11 {
          font-size: 2.375rem
        }

        .font-scale-12 {
          font-size: 2.75rem
        }

        .font-scale-13 {
          font-size: 3.125rem
        }

        .font-scale-14 {
          font-size: 3.5rem
        }

        .font-scale-15 {
          font-size: 3.875rem
        }

        .font-scale-16 {
          font-size: 4.25rem
        }

        .font-scale-17 {
          font-size: 4.625rem
        }

        .font-scale-18 {
          font-size: 5rem
        }
      }

      @media(min-width: 768px) {
        .font-scale-1 {
          font-size: .625rem
        }

        .font-scale-2 {
          font-size: .75rem
        }

        .font-scale-3 {
          font-size: .875rem
        }

        .font-scale-4 {
          font-size: 1rem
        }

        .font-scale-5 {
          font-size: 1.125rem
        }

        .font-scale-6 {
          font-size: 1.25rem
        }

        .font-scale-7 {
          font-size: 1.5rem
        }

        .font-scale-8 {
          font-size: 1.75rem
        }

        .font-scale-9 {
          font-size: 2rem
        }

        .font-scale-10 {
          font-size: 2.5rem
        }

        .font-scale-11 {
          font-size: 3rem
        }

        .font-scale-12 {
          font-size: 3.5rem
        }

        .font-scale-13 {
          font-size: 4rem
        }

        .font-scale-14 {
          font-size: 4.5rem
        }

        .font-scale-15 {
          font-size: 5rem
        }

        .font-scale-16 {
          font-size: 5.5rem
        }

        .font-scale-17 {
          font-size: 6rem
        }

        .font-scale-18 {
          font-size: 6.5rem
        }
      }

      .line-height-scale-1 {
        line-height: .875
      }

      .line-height-scale-2 {
        line-height: 1
      }

      .line-height-scale-3 {
        line-height: 1.125
      }

      .line-height-scale-4 {
        line-height: 1.25
      }

      .line-height-scale-5 {
        line-height: 1.375
      }

      .line-height-scale-6 {
        line-height: 1.5
      }

      .line-height-scale-7 {
        line-height: 1.625
      }

      .line-height-scale-8 {
        line-height: 1.75
      }

      .line-height-scale-9 {
        line-height: 1.875
      }

      .line-height-scale-10 {
        line-height: 2
      }


.row {
	max-width:850px;
	margin: 0 auto;
}
.imagegallery {
	display:inline-block;
	vertical-align:middle;
	max-width:473px;
}
.isigallery{
	border-radius: 24px;
	display:inline-block;
	vertical-align:middle;
	max-width:573px;
}
@media (max-width:530px){
	.imagegallery{
		max-width:calc(100% - 80px);
		}
	.isigallery{
		max-width:calc(100% - 0px);
		}
	}

.judulPoppin {
	font-family: "Poppins", sans-serif;
}

.h1,h1{font-size:calc(1.675rem + 1.5vw)}

.judulMontserrat {
	font-family: "Montserrat", sans-serif;
}

.subjudulMontserrat {
	font-family: "Montserrat";
}

.btn-wa {
     -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-style: solid;
      border-width: 1px;
      text-align: center;
      font-family: 'Lato', sans-serif;
      text-shadow: none;
      -webkit-transition: color 0.2s linear, background 0.2s linear, border-color 0.2s linear, text-shadow 0.2s linear;
      transition: color 0.2s linear, background 0.2s linear, border-color 0.2s linear, text-shadow 0.2s linear;
      -webkit-text-decoration: none;
      text-decoration: none;
      position: relative;
      font-weight: bold;
      min-height: 48px;
      min-width: 96px;
      padding: 14px 24px;
      font-family: "Open Sans", sans-serif;
      border-radius: 12px;
    }

    .btn-wa::before {
      border-radius: 12px;
    }

    .btn-wa,
    .btn-wa:focus,
    .btn-wa:active {
      border-color: rgb(0, 182, 86);
      background: rgb(0, 182, 86);
      color: rgba(255, 255, 255, 1);
    }

    .btn-wa:hover {
      background-color: rgb(0, 131, 62);
      border-color: rgb(0, 131, 62);
      color: rgba(255, 255, 255, 1);
    }

.btn-wa-red {
           -webkit-align-items: center;
           -webkit-box-align: center;
           -ms-flex-align: center;
           align-items: center;
           display: -webkit-inline-box;
           display: -webkit-inline-flex;
           display: -ms-inline-flexbox;
           display: inline-flex;
           -webkit-box-pack: center;
           -webkit-justify-content: center;
           -ms-flex-pack: center;
           justify-content: center;
           border-style: solid;
           border-width: 1px;
           text-align: center;
           font-family: 'Lato', sans-serif;
           text-shadow: none;
           -webkit-transition: color 0.2s linear, background 0.2s linear, border-color 0.2s linear, text-shadow 0.2s linear;
           transition: color 0.2s linear, background 0.2s linear, border-color 0.2s linear, text-shadow 0.2s linear;
           -webkit-text-decoration: none;
           text-decoration: none;
           position: relative;
           font-weight: bold;
           min-height: 48px;
           min-width: 96px;
           padding: 14px 24px;
           font-family: "Open Sans", sans-serif;
           border-radius: 12px;
         }

         .btn-wa-red::before {
           border-radius: 12px;
         }

         .btn-wa-red,
         .btn-wa-red:focus,
         .btn-wa-red:active {
           border-color: rgb(233, 99, 167);
           background: rgb(233, 99, 167);
           color: rgba(255, 255, 255, 1);
         }

         .btn-wa-red:hover {
           background-color: rgb(182, 77, 130);
           border-color: rgb(182, 77, 130);
           color: rgba(255, 255, 255, 1);
         }

.gbricon {
   display: inline-block;
   vertical-align: middle;
   max-width: 120px;
   border-radius: 10000px;
 }

 @media (max-width:530px) {
   .gbricon {
     max-width: calc(100% - 200px);
   }
 }
 
 .areaicon {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

@media (max-width:767px) {
.areaicon {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
                  }