/* ************************************************************
***************************************************************
***************************************************************
 MAIN PAGE ELEMENTS
***************************************************************
***************************************************************
************************************************************* */
html {
  font-size: 18px;
}
/* ************************************************************
***************************************************************
:: USERMENU/USERMENU
***************************************************************
************************************************************* */
section[data-sectionname="userMenu"] > .body .menuList {
  width: 30%;
  max-width: 400px;
  display: block;
}

/* ************************************************************
***************************************************************
:: HOME
***************************************************************
************************************************************* */
/* Part 4 */
section[data-sectionname="home"] .part_3 .slider .card,
section[data-sectionname="home"] .part_4 .slider .card {
  width: 25vw;
}

/* ************************************************************
***************************************************************
:: LOCATIONCARDS
***************************************************************
************************************************************* */
.locationEntries {
  grid-template-columns: repeat(2, minmax(300px, 1fr));
}

/* ************************************************************
***************************************************************
:: SERVICECARDS
***************************************************************
************************************************************* */
.serviceEntries {
  grid-template-columns: repeat(2, minmax(300px, 1fr));
}