/*
**********************************************************
**********************************************************
**********************************************************
************* # STYLING THE BRAND-AREA
*/

.brands {
  margin: 0 0 100px 0;
}

.brands > .brand-1,
.brand-2,
.brand-3,
.brand-4,
.brand-5 {
  box-shadow: 0 0 1rem #00000062;
}

.brand-1:hover {
  margin-top: -3px;
  transition: 0.25s;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.767);
}

.brand-2:hover {
  margin-top: -3px;
  transition: 0.25s;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.767);
}

.brand-3:hover {
  margin-top: -3px;
  transition: 0.25s;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.767);
}

.brand-4:hover {
  margin-top: -3px;
  transition: 0.25s;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.767);
}

.brand-5:hover {
  margin-top: -3px;
  transition: 0.25s;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.767);
}

.brands > .brand-1 {
  width: 150px;
  height: 150px;
  border-radius: 100%;
  background-image: url(/projects/3/css/imgs/brands/adidas.JPG);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.brands > .brand-2 {
  width: 150px;
  height: 150px;
  border-radius: 100%;
  background-image: url(/projects/3/css/imgs/brands/nike.JPG);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.brands > .brand-3 {
  width: 150px;
  height: 150px;
  border-radius: 100%;
  background-image: url(/projects/3/css/imgs/brands/puma.JPG);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.brands > .brand-4 {
  width: 150px;
  height: 150px;
  border-radius: 100%;
  background-image: url(/projects/3/css/imgs/brands/calvin.JPG);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.brands > .brand-5 {
  width: 150px;
  height: 150px;
  border-radius: 100%;
  background-image: url(/projects/3/css/imgs/brands/tommy.JPG);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
