@charset "utf-8";
/* CSS Document */
.content {
  flex-direction: column;
  align-items: center;
  align-self: center;
  margin-top: 2vw;
}
.radiancebanner {
  width: 70vw;
  height: 40vw;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("radiancelogo.png");
  margin-bottom: 1vw;
}
.radiancestickers {
  width: 70vw;
  height: 50vw;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("radiancestickers.png");
  margin-bottom: 1vw;
}
.row {
  width: 70vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: space-between;
}
.radianceposter {
  width: 70vw;
  height: 50vw;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("radianceposter.png");
  margin-bottom: 1vw;
}
.radiancebusinesscard {
  width: 70vw;
  height: 34.5vw;
  background-position: left;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("radiancebusinesscard.png");
  margin-bottom: 1vw;
}

.radiancewristband{
  width: 70vw;
  height: 34.5vw;
  background-position: left;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("radiancewristband.png");
  margin-bottom: 1vw;
}
.radiancetickets{
  width: 70vw;
  height: 48vw;
  background-position: left;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("tickets.png");
  margin-bottom: 1vw;
}

.logoalternatives{
  width: 70vw;
  height: 48vw;
  background-position: left;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("logoalternatives.png");
  margin-bottom: 1vw;
}

.radianceabout{
  width: 70vw;
  height: 48vw;
  background-position: left;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("radianceabout.png");
  margin-bottom: 1vw;
}
.radiancetypography{
  width: 70vw;
  height: 48vw;
  background-position: left;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("radiancetypography.png");
  margin-bottom: 1vw;
}
.radiancecolors{
  width: 70vw;
  height: 48vw;
  background-position: left;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("radiancecolors.png");
  margin-bottom: 1vw;
}
@media screen and (max-width : 600px){
  .content {
    flex-direction: column;
    align-items: center;
    max-width: 93%;
    width: 93%;
  }
  .radiancebanner {
    width: 100%;
    min-width: 100%;
    height: auto;
    min-height: 47vw;
    background-size: cover;
    margin-bottom: 4vw;
  }
  .logoalternatives {
    width: 100%;
    min-width: 100%;
    height: auto;
    min-height: 60vw;
    background-size: cover;
    margin-bottom: 4vw;
  }
  .row {
    flex-direction: column;
    width: 100%;
  }
  .radiancecolors {
    width: 100%;
    min-width: 100%;
    height: auto;
    min-height: 59vw;
    background-size: cover;
    margin-bottom: 4vw;
  }
  .radiancestickers {
    width: 100%;
    min-width: 100%;
    height: auto;
    min-height: 65vw;
    background-size: cover;
    margin-bottom: 4vw;
  }
  .radiancetypography {
    width: 100%;
    min-width: 100%;
    height: auto;
    min-height: 60vw;
    background-size: cover;
    margin-bottom: 4vw;
  }
	.radianceposter {
    width: 100%;
    min-width: 100%;
    height: auto;
    min-height: 60vw;
    background-size: cover;
    margin-bottom: 4vw;
  }
	.radiancebusinesscard {
    width: 100%;
    min-width: 100%;
    height: auto;
    min-height: 60vw;
    background-size: cover;
    margin-bottom: 4vw;
  }
	.radiancetickets {
    width: 100%;
    min-width: 100%;
    height: auto;
    min-height: 60vw;
    background-size: cover;
    margin-bottom: 4vw;
  }
	.radiancewristband {
    width: 100%;
    min-width: 100%;
    height: auto;
    min-height: 60vw;
    background-size: cover;
    margin-bottom: 4vw;
  }
}