/*<<<<<<<<<< GROUP ICONS >>>>>>>>>>*/
.groupicon {
  vertical-align: middle; 
  position:relative; 
  display: inline-block; 
  cursor: pointer;
  font-size:18pt; 
  font-family: Roboto; 
  font-weight:bold; 
  text-align: center;
  height: 40px;
  background-color: #EBEBEB;
  box-shadow: 1px 1px 2px #2E2E2E;
  width: 40px;
  margin-top: 5px;
  transition: 0.3s;
}
.groupiconpadding3 {
  padding: 3px 7px 0px 7px;
}
.groupiconpadding5 {
  padding: 5px 7px 0px 7px;
}
.groupiconpadding55 {
  padding: 5px 7px 0px 5px;
}
.groupiconpadding56 {
  padding: 5px 7px 0px 6px;
}
.groupiconpadding7 {
  padding: 7px 7px 0px 7px;
}
.groupiconpadding75{
  padding: 7px 7px 0px 5px;
}
.groupiconpadding76 {
  padding: 7px 7px 0px 6px;
}

@media only screen and (max-width: 1000px) {
  .groupicon { 
    display: none;
  }
}
/* groupicon2 keeps hamburger visible */
.groupicon2 {
  vertical-align: middle; 
  position:relative; 
  display: inline-block; 
  cursor: pointer;
  font-size:18pt; 
  font-family: Roboto; 
  font-weight:bold; 
  text-align: center;
  height: 40px;
  background-color: #EBEBEB;
  width: 40px;
  margin-top: 5px;
  transition: 0.3s;
}

/*<---------- BRAND ICONS ---------->*/
.brandicons {
  display: inline-block;
  color: #1E90FF;
  padding: 20px 40px;
}
@media screen and (max-width: 1000px) {
  .brandicons {
    font-size: 12pt;
  }
}
.iconcontainer {
  display: inline-block;
  margin: 20px 0px 40px 0px;
}
@media only screen and (max-width: 768px) {
  .iconcontainer {
    margin: 0px;
  }
}