.custom-alert {
    color: black;
    background-color: #D0FDF6;
    text-align: center;
    padding: 0 3rem;
}


@media (max-width:527px){
.custom-alert {
	padding:0 3rem;
}
}

.custom-alert p{
	padding: 2rem 0;
	margin-bottom:0;
}

.custom-alert p a,
.custom-alert p a:active
{
	color:black;
	text-decoration: underline;
}

.custom-alert p a:hover
{
	color: #cc0633 !important;
	text-decoration: underline;
}


/** button mania - custom-mania - text component with list**/
.custom-mania{
	border-bottom:1px solid #f5f5f5;
}


.custom-mania ul{
	padding-left:0;
	margin-bottom:0;
	text-align: center;
    line-height: 14.5rem;

}
@media (max-width: 979px) {
.custom-mania ul{
	line-height: 7.2rem;
	margin:3rem auto;
	display:grid;
	justify-content: center;
	grid-column-gap:5.1rem;
	grid-row-gap:5.1rem;
	grid-template-columns: repeat(2, 20rem);
}
}
@media (max-width: 527px) {
.custom-mania ul{
	margin:4.5rem 0 5rem 0;
	grid-template-columns: repeat(1, 20rem);
	grid-column-gap:3rem;
	grid-row-gap:3rem;
}
}

.custom-mania ul li::before{display:none;}

.custom-mania li{
	display:inline;
  	margin: 0 25px;
  	padding:1.2rem 4rem;
	list-style-type:none;
}

@media (min-width: 980px) and (max-width: 1149px) {
.custom-mania li:first-child{margin-left:0px;}
.custom-mania li{margin-right:0;}
}
@media (max-width: 527px) {
.custom-mania li{margin:0;}
}

.custom-mania li a,
.custom-mania li a:visited,
.custom-mania li a:hover,
.custom-mania li a:active{
  display:inline-block;
	padding:1.2rem 4rem;
  	width:200px;
  	border: 1px #cc0633 solid;
	font-family: "FFDINProCondBlack";
	font-size:1.6rem;
	line-height: 2.6rem;
	background-color: #ffffff;
	color: #cc0633;
	text-transform:uppercase;
	text-decoration: none;
}


.custom-mania li a:hover,
.custom-mania li a:active
{
	background-color: #cc0633;
	color:#ffffff;
	text-decoration: none;
}