.gap0     { gap: 0.00rem; }
  .gap025   { gap: 0.25rem; }
  .gap05    { gap: 0.50rem; }
  .gap075   { gap: 0.75rem; }
  .gap1     { gap: 1.00rem; }
  .gap2     { gap: 2.00rem; }
  .gap3     { gap: 3.00rem; }
  .gap4     { gap: 4.00rem; }
  
  .adminDashboard {
    padding: 2rem 1rem;
  }
  
  .lightText {
    color: #858585;
    font-family: "default-font-regular";
  }
  
  section#gallerySection {
    padding: 0em 0em 2em 0em;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
    
    flex: 0 0 100% !important;
  }
  
  section#gallerySection img {
    margin: 1em 0em;
  }
  
  .doubleColumns{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
  }
  
  .doubleColumns > section {
    padding-bottom: 2em;
  }
  
  .singleBlogMainImg {
    padding: 1em 0em 2em 0em;
  }
  
  .showLoading {
    position: relative;
    display: block;
  }
  
  .showLoading::after {
    content: "";
    
    background-image: url(https://albmedtour.it/pub/file/f540ebed/ff470c90/loading.gif);
    background-repeat: no-repeat;
    background-size: contain;
    width: 2rem;
    
    display: block;
    
    position: absolute;
    top: 0em;
    bottom: 0em;
    right: 0em;
    left: 120%;
    
    z-index: 10;
  }
  
  .innerSection {
    padding-bottom: 2em;
  }
  
  .gridSection > h2,
  .gridSection > h3 {
    grid-column: 1 / -1;
  }
  
  .gridSection > p {
    margin: 0em;
  }
  
  /* The code below makes possible for the image to save the (width:height) ratio as the width increases. */
  
  .videoItems > div {
    position: relative;
    padding-top: 56.25%;
  }
  
  .videoItems div iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  .sectionHeader {
    grid-column: 1 / -1;
    margin: 0em;
  }
  
  .dashboardTitle {
    grid-template-columns: 1fr auto;
    justify-content: space-around;
  }

  @media screen and (min-width: 900px) {
    
    .narrowContentCenter {
      max-width: 65%;
      margin: auto;
    }
    
    .narrowContentLeft {
      max-width: 80%;
    }
  
    .doubleColumns > section,
    .doubleColumns > div {
      flex: 0 0 calc(100%/2 - 3em);
    }
    
    section#gallerySection img {
      max-width: calc(100%/3 - 0.2em);
    }
  }