#mini_accents {
 position: relative;
 float: left;
 width: 100%;
 padding: 20px 0;
 margin: -100px 0 0 0;
 background-color: rgba(255, 255, 255, 0.6);
 z-index: 2;
}

#mini_accents.int{
	padding: 27px 0;
	margin: 0;
	background-color: transparent;
}

#mini_accents .center{
 display:flex;
 justify-content:center;
}

.mini_accent_box {
 position: relative;
 display: flex;
 align-items: center;
 float: left;
 width: 16.17%;
 min-height: 61px;
 padding: 10px 15px 8px 15px;
 margin: 0 0.596% 0 0;
 border-bottom: 5px solid rgba(255, 255, 255, 0.5);
 background-color: rgba(73, 0, 107, 0.8);
 -webkit-transition: 0.2s ease-in-out;
 -moz-transition: 0.2s ease-in-out;
 -o-transition: 0.2s ease-in-out;
 transition: 0.2s ease-in-out;
}

@media screen and (min-width:1460px) {
 #mini_accents.home .mini_accent_box {
  padding-right: 33px;
 }
}


@media screen and (min-width:1100px) {
 #mini_accents.home .mini_accent_box {
  width: 19.52%;
 }
}

.mini_accent_box:hover {
 background-color: #48006a;
}

.mini_accent_box.active {
 background-color: #48006a;
}

.mini_accent_box:nth-child(6) {
 margin: 0;
}

@media screen and (min-width:1100px) {
 #mini_accents.home .mini_accent_box:nth-child(5) {
  margin: 0;
 }

 #mini_accents.home .mini_accent_box:nth-child(6) {
  margin: 0 0.596% 0 0;
 }
}

.mini_accent_box>a:nth-child(1) {
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 width: 100%;
 height: 100%;
 font-size: 0;
 z-index: 4;
}

.mini_accent_box .icon {
 float: left;
 min-width: 32px;
}

.mini_accent_box .icon img{
	width: 20px;
	height: 24px;
}

.mini_accent_box .text {
 float: left;
 flex: auto;
 font-size: 14px;
 line-height: 1.3;
 color: #fff;
}

@media screen and (max-width:1100px) {
 #mini_accents {
  margin: 0;
  background-color: #fff;
 }
 .mini_accent_box,
 .mini_accent_box:nth-child(6) {
  width: 32%;
  margin: 0 2% 2% 0;
 }
 .mini_accent_box:nth-child(3n) {
  margin: 0 0 2% 0;
 }
 .mini_accent_box:nth-child(4),
 .mini_accent_box:nth-child(5),
 .mini_accent_box:nth-child(6) {
  margin-bottom: 0;
 }
 
 #mini_accents .center{
 flex-wrap: wrap;
}
 
 
 
 
}

@media screen and (max-width:580px) {
 .mini_accent_box .text {
  font-size: 13px;
 }
}

@media screen and (max-width:540px) {
 .mini_accent_box,
 .mini_accent_box:nth-child(3),
 .mini_accent_box:nth-child(4),
 .mini_accent_box:nth-child(5),
 .mini_accent_box:nth-child(6) {
  width: 49%;
  margin: 0 2% 2% 0;
 }
 .mini_accent_box:nth-child(2n) {
  margin: 0 0 2% 0;
 }
 .mini_accent_box:nth-child(5),
 .mini_accent_box:nth-child(6) {
  margin-bottom: 0;
 }
}

@media screen and (max-width:355px) {
 .mini_accent_box,
 .mini_accent_box:nth-child(3),
 .mini_accent_box:nth-child(4),
 .mini_accent_box:nth-child(5),
 .mini_accent_box:nth-child(6) {
  width: 100%;
  margin: 0 0 3% 0;
  min-height: 0;
 }
 .mini_accent_box:nth-child(6) {
  margin: 0;
 }
}
