.my-bg-gradient-primary-to-secondary {
  background: linear-gradient(45deg, #1c491F, #53A644) !important;
}

.my-bg-gradient-secondary-to-primary {
  background: linear-gradient(45deg, #53A644, #1c491F) !important;
}


.my-btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #204c1d;
  --bs-btn-border-color: #204c1d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #23cc2c;
  --bs-btn-hover-border-color: #21cc2c;
  --bs-btn-focus-shadow-rgb: 73, 85, 242;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #21cc2c;
  --bs-btn-active-border-color: #1fcc2c;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #204c1d;
  --bs-btn-disabled-border-color: #204c1d;
}

.my-masthead {
    background-color: #f8f9fa;
    padding-top: 4.0rem;
    padding-bottom: 5rem;
}


/* Dynamic height setting */
.my-kingscrush-iframe {
  width: 95vw;
  height: calc(95vw / 2 );
  padding: 0;
}

@media only screen and (max-width: 800px) {
    .my-kingscrush-iframe {
        display: none;
    }
}

@media only screen and (min-width: 800px) {
    .not-my-kingscrush-iframe {
        display: none;
    }
}


.my-sudoku-iframe { 
  width: 500px;
  height:700px;
  padding: 0;
}


@media only screen and (max-width: 600px) {
    .my-sudoku-iframe {
        display: none;
    }
}

@media only screen and (min-width: 600px) {
    .not-my-sudoku-iframe {
        display: none;
    }
}