#coloredbanner-container { float: left; width: 100%; position: relative; }

#coloredbanner-container .coloredbanner-height { width: 100%; padding: 30px 0px; text-align: center; float: left; position: relative; }

#coloredbanner-container .coloredbanner-height span { font-size: 1.6rem; color: #FFFFFF; display: inline-block; margin-top: 0px; margin-bottom: 0px; font-weight: 300; margin-right: 15px; }

@media (max-width: 575px) { #coloredbanner-container .coloredbanner-height .coloredbanner-align h3 { text-align: center; line-height: 100%; margin-bottom: 30px; }
  #coloredbanner-container .coloredbanner-height .coloredbanner-align a { float: unset; margin: 0px auto; } }

@media (min-width: 576px) and (max-width: 767px) { #coloredbanner-container .coloredbanner-height .coloredbanner-align h3 { text-align: center; line-height: 100%; margin-bottom: 30px; }
  #coloredbanner-container .coloredbanner-height .coloredbanner-align a { float: unset; margin: 0px auto; } }

@media (min-width: 768px) and (max-width: 991px) { #coloredbanner-container .coloredbanner-height .coloredbanner-align h3 { text-align: center; line-height: 100%; margin-bottom: 30px; }
  #coloredbanner-container .coloredbanner-height .coloredbanner-align a { float: unset; margin: 0px auto; } }