/* line 7, ../sass/global.scss */
body {
  background: #f3f3f3;
}

/* line 11, ../sass/global.scss */
#main-container {
  text-align: center;
}
/* line 13, ../sass/global.scss */
#main-container img {
  margin-top: 50px;
}
/* line 16, ../sass/global.scss */
#main-container #logo {
  max-width: 400px;
  width: 100%;
}

/* line 22, ../sass/global.scss */
#brands {
  margin-top: 70px;
  text-align: center;
}
/* line 25, ../sass/global.scss */
#brands .brand-button {
  vertical-align: top;
  display: inline-block;
  width: 250px;
  height: 250px;
  border-radius: 50%;
  position: relative;
  margin: 20px 50px;
  box-shadow: 0px 0px 15px rgba(24, 24, 24, 0.2);
  transition: all 0.2s ease;
  border: 5px solid #fff;
}
/* line 38, ../sass/global.scss */
#brands .brand-button:hover {
  width: 260px;
  height: 260px;
  margin: 15px 45px;
}
/* line 43, ../sass/global.scss */
#brands .brand-button:hover img {
  padding-top: 35px;
}
/* line 49, ../sass/global.scss */
#brands .brand-button img {
  transition: all 0.2s ease;
  padding-top: 30px;
  width: 75%;
}

/* line 57, ../sass/global.scss */
.darkblue {
  background: #0b1960;
}

/* line 61, ../sass/global.scss */
.greenbg {
  background: #7ac141;
}

/* line 65, ../sass/global.scss */
.bluebg {
  background: #02aef0;
}

/* line 70, ../sass/global.scss */
.darkbg {
  background: #171717;
}