body {
  font-size: .875rem;
}


/* Portrait*/
/* @media only screen and (min-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {

  body{
    background-color: black
  }
  .nav-link{
    color:green;
  }
  iframe{
    display:block;
    width:100%;
    height:100%;


  }
} */

.feather {
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
}

.sidebar .nav-link {
  font-weight: 500;
  color: #333;
}

.sidebar .nav-link .feather {
  margin-right: 4px;
  color: #727272;
}

.sidebar .nav-link.active {
  color: #2470dc;
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
  color: orange;
}

.sidebar-heading {
  font-size: .75rem;
  text-transform: uppercase;
}
.cardLink{
  text-decoration: none;
  color:black;
}
.cardLink:visited {
  text-decoration: none;
}

.cardLink:hover {
  text-decoration: none;
}

.cardLink:active {
  text-decoration: none;
}



.sectionCard{
  min-height: 320px;
  max-width: 540px;
  cursor:pointer;

}


.activenow{
  color:orange;
}



.iconic{
  width: 80%;
  margin-left: 10%;
  font-size:40px;
  text-align:center;

}
.zoom {

  transition: transform .2s; /* Animation */
}

.zoom:hover {
  transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.featherIcon {
  width: 28px;
  height: 28px;
  vertical-align: -10%;
}