/* "Custom Tile Hover Text Effect for Naked Singularity"*/


.marketingStrategy, .publicRelations, .projectManagement, .productDevelopment, .mediaCreative, .competitiveStrategy, .kpiAnalytics, .businessDevelopment, .clientRelations, .websiteDesign, .webManagement, .socialStrategy, .mobileApplications, .userExperience, .virtualAugmented, .digitalAdvertising, .eCommerce, .membershipsSubs {
  display: flex;
  width: 100%;
  height: 100%;
  z-index: 10rem;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  box-sizing: border-box;
  text-align: center;
}

.startupEntrepreneurs, .expertsConsultants, .smallBusiness, .contractorsVendors, .enterprisemgmt, .municipalities, .nonProfits, .philanthropists, .ventureCapitalists {
  display: flex;
  width: 100%;
  height: 100%;
  z-index: 10rem;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  box-sizing: border-box;
  text-align: center;
}



/* "Integrated Marketing Panels"*/

@media screen and (max-width: 64rem) {


.marketingStrategy {
  background-color: rgba(0, 0, 20, .8);
  color: rgba(255, 255, 255, 1);
}

.publicRelations {
  background-color: rgba(30, 15, 0, .9);
  color: rgba(255, 255, 255, 1);
}

.projectManagement {
  background-color: rgba(0, 0, 40, .8);
  color: rgba(255, 255, 255, 1);
}

.productDevelopment {
  background-color: rgba(20, 20, 20, .9);
  color: rgba(255, 255, 255, 1);
}

.mediaCreative {
  background-color: rgba(40, 20, 0, .9);
  color: rgba(255, 255, 255, 1);
}

.competitiveStrategy {
  background-color: rgba(30, 20, 0, .9);
  color: rgba(255, 255, 255, 1);
}

.kpiAnalytics {
  background-color: rgba(5, 10, 5, .9);
  color: rgba(255, 255, 255, 1);
}

.businessDevelopment {
  background-color: rgba(20, 10, 0, .9);
  color: rgba(255, 255, 255, 1);
}

.clientRelations {
  background-color: rgba(10, 10, 10, .9);
  color: rgba(255, 255, 255, 1);
}

/* "Digital Strategy Panels"*/


.websiteDesign {
  background-color: rgba(20, 20, 40, .9);
  color: rgba(255, 255, 255, 1);
}

.webManagement {
  background-color: rgba(10, 10, 10, .9);
  color: rgba(255, 255, 255, 1);
}

.socialStrategy {
  background-color: rgba(10, 10, 40, .9);
  color: rgba(255, 255, 255, 1);
}

.mobileApplications {
  background-color: rgba(10, 20, 10, .9);
  color: rgba(255, 255, 255, 1);
}

.userExperience {
  background-color: rgba(40, 10, 0, .9);
  color: rgba(255, 255, 255, 1);
}

.virtualAugmented {
  background-color: rgba(10, 10, 10, .8);
  color: rgba(255, 255, 255, 1);
}

.digitalAdvertising {
  background-color: rgba(0, 15, 25, .9);
  color: rgba(255, 255, 255, 1);
}

.eCommerce {
  background-color: rgba(0, 10, 20, .85);
  color: rgba(255, 255, 255, 1);
}

 .membershipsSubs {
  background-color: rgba(0, 0, 20, .8);
  color: rgba(255, 255, 255, 1);
}

/* "Target Clientele Panels"*/


.startupEntrepreneurs {
  background-color: rgba(40, 0, 0, .8);
  color: rgba(255, 255, 255, 1);
}

.expertsConsultants {
  background-color: rgba(0, 0, 20, .8);
  color: rgba(255, 255, 255, 1);
}

.smallBusiness {
  background-color: rgba(20, 5, 0, .9);
  color: rgba(255, 255, 255, 1);
}

.contractorsVendors {
  background-color: rgba(20, 20, 40, .9);
  color: rgba(255, 255, 255, 1);
}

.enterprisemgmt {
  background-color: rgba(20, 30, 40, .9);
  color: rgba(255, 255, 255, 1);
}

.municipalities {
  background-color: rgba(50, 30, 0, .9);
  color: rgba(255, 255, 255, 1);
}

.nonProfits {
  background-color: rgba(40, 20, 0, .9);
  color: rgba(255, 255, 255, 1);
}

.philanthropists {
  background-color: rgba(30, 20, 5, .9);
  color: rgba(255, 255, 255, 1);
}

.ventureCapitalists {
  background-color: rgba(20, 25, 20, .9);
  color: rgba(255, 255, 255, 1);
}
}

@media screen and (min-width: 64rem) {

  .marketingStrategy, .publicRelations, .projectManagement, .productDevelopment, .mediaCreative, .competitiveStrategy, .kpiAnalytics, .businessDevelopment, .clientRelations, .websiteDesign, .webManagement, .socialStrategy, .mobileApplications, .userExperience, .virtualAugmented, .digitalAdvertising, .eCommerce, .membershipsSubs {
    background-color: rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, 0);
  }

  .startupEntrepreneurs, .expertsConsultants, .smallBusiness, .contractorsVendors, .enterprisemgmt, .municipalities, .nonProfits, .philanthropists, .ventureCapitalists {
    background-color: rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, 0);
  }

  /* "Integrated Marketing Panels"*/


  .marketingStrategy:hover {
    background-color: rgba(0, 0, 20, .8);
    color: rgba(255, 255, 255, 1);
          }

  .publicRelations:hover {
    background-color: rgba(30, 15, 0, .9);
    color: rgba(255, 255, 255, 1);
          }

  .projectManagement:hover {
    background-color: rgba(0, 0, 40, .8);
    color: rgba(255, 255, 255, 1);
          }

  .productDevelopment:hover {
    background-color: rgba(20, 20, 20, .9);
    color: rgba(255, 255, 255, 1);
          }

  .mediaCreative:hover {
    background-color: rgba(40, 20, 0, .9);
    color: rgba(255, 255, 255, 1);
          }

  .competitiveStrategy:hover {
    background-color: rgba(30, 20, 0, .9);
    color: rgba(255, 255, 255, 1);
          }

  .kpiAnalytics:hover {
    background-color: rgba(5, 10, 5, .9);
    color: rgba(255, 255, 255, 1);
          }

  .businessDevelopment:hover {
    background-color: rgba(20, 10, 0, .9);
    color: rgba(255, 255, 255, 1);
          }

  .clientRelations:hover {
    background-color: rgba(10, 10, 10, .9);
    color: rgba(255, 255, 255, 1);
          }

  /* "Digital Strategy Panels"*/


  .websiteDesign:hover {
    background-color: rgba(20, 20, 40, .9);
    color: rgba(255, 255, 255, 1);

  }

  .webManagement:hover {
    background-color: rgba(10, 10, 10, .9);
    color: rgba(255, 255, 255, 1);
          }

  .socialStrategy:hover {
    background-color: rgba(10, 10, 40, .9);
    color: rgba(255, 255, 255, 1);
          }

  .mobileApplications:hover {
    background-color: rgba(10, 20, 10, .9);
    color: rgba(255, 255, 255, 1);
          }

  .userExperience:hover {
    background-color: rgba(40, 10, 0, .9);
    color: rgba(255, 255, 255, 1);
          }

  .virtualAugmented:hover {
    background-color: rgba(10, 10, 10, .8);
    color: rgba(255, 255, 255, 1);
          }

  .digitalAdvertising:hover {
    background-color: rgba(0, 15, 25, .9);
    color: rgba(255, 255, 255, 1);
          }

  .eCommerce:hover {
    background-color: rgba(0, 10, 20, .85);
    color: rgba(255, 255, 255, 1);
          }

   .membershipsSubs:hover {
    background-color: rgba(0, 0, 20, .8);
    color: rgba(255, 255, 255, 1);
          }

  /* "Target Clientele Panels"*/


  .startupEntrepreneurs:hover {
    background-color: rgba(40, 0, 0, .8);
    color: rgba(255, 255, 255, 1);
          }

  .expertsConsultants:hover {
    background-color: rgba(0, 0, 20, .8);
    color: rgba(255, 255, 255, 1);
          }

  .smallBusiness:hover {
    background-color: rgba(20, 5, 0, .9);
    color: rgba(255, 255, 255, 1);
          }

  .contractorsVendors:hover {
    background-color: rgba(20, 20, 40, .9);
    color: rgba(255, 255, 255, 1);
          }

  .enterprisemgmt:hover {
    background-color: rgba(20, 30, 40, .9);
    color: rgba(255, 255, 255, 1);
          }

  .municipalities:hover {
    background-color: rgba(50, 30, 0, .9);
    color: rgba(255, 255, 255, 1);
        text-decoration-color: rgba(100, 0, 160, 1);  }

  .nonProfits:hover {
    background-color: rgba(40, 20, 0, .9);
    color: rgba(255, 255, 255, 1);
          }

  .philanthropists:hover {
    background-color: rgba(30, 20, 5, .9);
    color: rgba(255, 255, 255, 1);
          }

  .ventureCapitalists:hover {
    background-color: rgba(20, 25, 20, .9);
    color: rgba(255, 255, 255, 1);
          }

}

/*
@media screen and (min-width: 30rem) {

}
@media screen and (min-width: 45rem) {

}
@media screen and (min-width: 64rem) {

}
@media screen and (min-width: 75rem) {

}
*/