<!-- Banner 
.announcement_banner {
    font-family: "Work Sans";
    display: block;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.5;
    padding: 10px 20px;
    margin: 0px;
    text-align: center;
    box-sizing: border-box;
    background-color: #0021a5;
    background: linear-gradient(to right, rgba(0,33,165,1) 0%, rgba(255,79,44,1) 90%, rgba(255,79,44,1) 100%);
    color: #ffffff;
    position: relative;
    z-index: 100;
      animation-name: banner;
      animation-duration: 4s;
}
.announcement_banner_fraud {
    font-family: "Work Sans";
    display: block;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.5;
    padding: 10px 20px;
    margin: 0px;
    text-align: left;
    box-sizing: border-box;
    background-color: #1495A3;
    color: #ffffff;
    position: relative;
    z-index: 100;
      animation-name: banner;
      animation-duration: 2s;
}
.alert_icon {
	float: inline-start;
	width: 28px;
	padding-right: 5px;
}
button.button-banner {
    color: #263a95;
    background-color: white;
    border: solid 1px #263a95;
    border-radius: 53px;
    padding: 4px 16px;
	margin-top: 10px;
}
.announcement_body {
}

.announcement_banner a{
	text-decoration: none;
}

.announcement_banner_fraud p a{
	text-decoration: none;
	color: white;
	font-weight: 700;
}

.announcement_banner h3{
	font-family: 'BioRhyme;
}
.announcement_banner p{
	font-family: 'Work Sans;
}
-->

.beyonde_announcement_banner {
    font-family: "Work Sans";
    display: block;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.5;
    padding: 10px 20px;
    margin: 0px;
    text-align: center;
    box-sizing: border-box;
    background-color: #1395A3;
    color: #ffffff;
    position: relative;
    z-index: 100;
      animation-name: banner;
      animation-duration: 4s;
}

.beyonde_announcement_banner a{
	text-decoration: none;
}

.beyonde_announcement_banner p a{
	text-decoration: none;
	color: white;
	font-weight: 700;
}
.beyonde_announcement_banner img{
	height: 80px;
	padding-top: 10px;
}
.beyonde_announcement_banner h3{
	font-family: 'BioRhyme;
}
.beyonde_announcement_banner p{
	font-family: 'Work Sans;
}

@keyframes banner {
  0% { left:0px; top:-200px;}
  100% { left:0px; top: 0px;}
  
} 

<!-- MOBILE beyonde Banner -->
<!-- please remove the following line of code from the styles/css found at the end of the line when removing the beyonde banner: 
@media screen and (min-width: 769px){.hero {padding-top: 115px;}} -->

@media screen and (max-width: 870px) {
    .homepage-hero .homepage-hero-content {
        top: 500px!important;
	}
}
@media screen and (max-width: 480px) {
    .homepage-hero .homepage-hero-content {
        top: 250px!important;
	}
	.homepage-hero {
		height:1150px;
    }
}


<!-- MOBILE COVID Banner
@media screen and (max-width: 870px) {
    .homepage-hero .homepage-hero-content {
        top: 500px!important;
	}
}
@media screen and (max-width: 480px) {
    .homepage-hero {
		height:975px;
		background-position-y: 400px;
    }
	.beyonde_announcement_banner img{
		height: 50px;
	}
} -->