@media only screen and (min-width: 300px) {
  body { font-size: 1.6rem; }
  h1 { font-size: 1.5rem; }
  h2 { font-size: 3.0rem; }
  h3 { font-size: 2.0rem; }
  h4 { font-size: 1.8rem; }
  h5 { font-size: 1.6rem; }
  a { font-size: 1.6rem; }
  a:hover { font-size: 1.6rem;}
  .homePanelContainer h2 { font-size: 3.0rem;}
  .homePanelContainer h3 { font-size: 2.0rem;}
  .homePanelItemText { width: 98%; }
  .homePanel { width: 100%; }
  .homePanel { padding-left: 2%}
  .homeInsert1 { min-height: 20px;}
  .textBlock1 { font-size: 1.6rem;}
  .inTextButton1 { font-size: 1.0rem;}
  .basicScreen{padding:0 10px;}

  .containerEvents {
    display: grid;
    padding-left: 10px;
    padding-right:10px;
    xgap: 20px;
  }

  .textCellBlock1{
    padding: 10px; 
    xbackground: red;
  }
  .textCellBlock1{
    padding: 10px; 
  }
  .textBlock4{
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
  }
  .textBlock3{
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    text-align: left;
  }
  .textBlock4{
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
  }
  .weddingGalleryContainer {
    margin: 0 auto;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
  }
  .custom-grid2 { width: 100%; }
  .deep-inner-text { font-size: 1.4rem;}
  .occasion-inner-text {
  xpadding-left : 1px;
  xpadding-right : 1px;
  margin : auto;
  width : 100%;
  }
  .fullPage {
    padding-left: 10px;
    padding-right: 10px;
  }
  .feedbackCell {
     width: 100%;
     padding-left: 10px;
     padding-right: 10px;
  }
  .containerTaC {
    xwidth: 100%;
    padding-left: 10px;
    padding-right: 10px;

  }
  .cellTaC {
    xwidth: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
}


@media only screen and (max-width: 950px) {
  .blockbuttontext {
    font-size: 1.4rem;
    width: 20%;
  }
  A.blockbuttontext {
    font-size: 1.4rem;
  }
  A.blockbuttontext:hover {
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 950px) {
  .blockbuttontextB {
    font-size: 1.4rem;
    width: 20%;
  }
  A.blockbuttontextB {
    font-size: 1.4rem;
  }
  A.blockbuttontextB:hover {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 900px) {
  body { font-size: 1.5rem; }
  h1 { font-size: 1.5rem; }
  h2 { font-size: 3.0rem; }
  h3 { font-size: 2.0rem; }
  h4 { font-size: 1.8rem; }
  h5 { font-size: 2.0rem; }
  a { font-size: 1.1rem; }
  a:hover { font-size: 1.1rem;}
  .homePanelContainer h2 { font-size: 4.0rem;}
  .homePanelContainer h3 { font-size: 2.0rem;}
  .homePanelItemText { width: 70%; }
  .homePanel { width: 40%;}
  .homePanel { padding-left: 20%}
  .homeInsert1 { min-height: 200px;}
  .textBlock1 { font-size: 1.6rem;}
  .deep-inner-text { font-size: 1.4rem;}
  .inTextButton1 { font-size: 1.0rem;}
  .basicScreen{padding:0 10px;}
  .containerEvents {
    display: grid;
    padding-left: 10px;
    padding-right:10px;
    gap: 20px;
  }

}
@media only screen and (min-width: 1024px) {
  body { font-size: 1.1rem; }
  h1 { font-size: 2.5rem; }
  h2 { font-size: 3.0rem; }
  h3 { font-size: 2.6.0rem; }
  h4 { font-size: 2.6.0rem; }
  h5 { font-size: 2.6.0rem; }
  a { font-size: 1.1rem; }
  a:hover { font-size: 1.1rem;}
  .homePanelContainer h2 { font-size: 4.0rem;}
  .homePanelContainer h3 { font-size: 2.0rem;}
  .homePanelItemText { width: 70%; }
  .homePanel { width: 40%;}
  .homePanel { padding-left: 20%}
  .homeInsert1 { min-height: 200px;}
  .custom-grid2 { width: 70%; }
  .inTextButton1 { font-size: 1.2rem;}
  .basicScreen{padding:0 10%;}
  .containerEvents {
    display: grid;
    padding-left: 10%;
    padding-right:10%;
    gap: 20px;
  }

}
@media only screen and (min-width: 1360px) {
  body { font-size: 1.3rem; }
  h1 { font-size: 3.0rem; }
  h2 { font-size: 3.0rem; }
  h3 { font-size: 2.6rem; }
  h4 { font-size: 2.6rem; }
  h5 { font-size: 2.6rem; }
  a { font-size: 1.3rem; }
  a:hover { font-size: 1.3rem;}
  .homePanelContainer h2 { font-size: 4.5rem;}
  .homePanelContainer h3 { font-size: 2.0rem;}
  .homePanelItemText { width: 70%; }
  .homePanel { width: 40%;}
  .homePanel { padding-left: 20%}
  .homeInsert1 { min-height: 200px;}
  .custom-grid2 { width: 70%; }
  .inTextButton1 { font-size: 1.6rem;}
  .basicScreen{padding:0 10%;}
  .containerEvents {
    display: grid;
    padding-left: 10%;
    padding-right:10%;
    gap: 20px;
  }

}
@media only screen and (min-width: 1530px) {
  body { font-size: 1.6rem; }
  h1 { font-size: 3.5rem; }
  h2 { font-size: 3.0rem; }
  h3 { font-size: 2.6rem; }
  h4 { font-size: 2.6rem; }
  h5 { font-size: 2.6rem; }
  a { font-size: 1.6rem; }
  a:hover { font-size: 1.6rem;}
  .homePanelContainer h2 { font-size: 5.0rem;}
  .homePanelContainer h3 { font-size: 2.0rem;}
  .homePanelItemText { width: 70%; }
  .homePanel { width: 40%;}
  .homePanel { padding-left: 20%}
  .homeInsert1 { min-height: 200px;}
  .textBlock1 { font-size: 1.6rem;}
  .custom-grid2 { width: 70%; }
  .deep-inner-text { font-size: 1.6rem;}
  .inTextButton1 { font-size: 1.6rem;}
  .basicScreen{padding:0 10%;}

  .containerEvents {
    display: grid;
    padding-left: 10%;
    padding-right:10%;
    gap: 20px;
  }

}