.bg-custom-2 {
  background-image: linear-gradient(15deg, #000000 20%, #05cc26 100%);
}

.bg-custom-sim {
	background-color: #05cc26;
}

.navbar {
  display: flex;
  align-content: center;
  justify-content: center;
}

.navbar .navbar-menu {
  flex-grow: initial;
  flex-shrink: initial;
}

.navbar-item-color-new {
  color: #ced1ce;
}

.navbar-item-color-green {
  color: #339D35;
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.container-iframe {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 19.5%; /* 8:5 Aspect Ratio */
}


.modal-card,
.modal-content {
    margin: 0 20px;
    max-height: calc(100vh - 160px);
    overflow: auto;
    position: relative;
    /*remove width: 100%;*/
    width: calc(100% - 2em);
}
/*modal breakpoint*/
@media screen and (min-width:769px) {
    .modal-card,
    .modal-content {
        margin: 0 auto;
        max-height: calc(100vh - 40px);
        width: 940px
    }
}