$img-border: 3px #ffdb00 solid;

.main-menu-page {
  height: 400px;
  overflow-x: hidden;
}
.main-menu-page-item {
  position: relative;
  border: 3px transparent solid;

  &.active {
    //border-top: 2px white solid;
    //border-bottom: 2px white solid;
    border: $img-border;
    opacity: 0.9;
  }
}

.main-menu-btn-name {
  position: absolute;
  top: 30%;
  left: 10px;
  color: white;
  font-family: $font-family-sans-serif;
  font-size: 1.1em;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);

  @media (min-width: 450px) {
    font-size: 1.3em;
    top: 30%;
    left: 15px;
  }
  
  @media (min-width: 600px) {
    font-size: 1.5em;
  }

}

.device-icon {
  display: inline-block;
  max-width: 190px;
  @media (min-width: $screen-sm-min) {
    max-width: 75%;
  }
}


.img-change { 
  border: 3px transparent solid;
  &.active {
    border: $img-border;
  }
}