#logingov-announcement {
            background: url(https://cdn.myaccess.faa.gov/assets/images/header@2x.png) #125db7;    
            background-repeat: no-repeat;
            background-size: 650px;
            background-position-x: calc(-350px + 25%);
            background-position-y: 50%;
            color: #fff;
            display: none;
            text-align: center;
            min-width: 300px;
        }
            #logingov-announcement[aria-expanded=true] .logingov-announcement-body {
                display: block;
            }

            #logingov-announcement[aria-expanded=false] .logingov-announcement-body {
                display: none;
            }

            #logingov-announcement[aria-expanded] a[data-toggle="collapse"] {
                white-space: nowrap;
            }

            #logingov-announcement[aria-expanded=true] a[data-toggle="collapse"]:before {
                content: "Close";
                font-size: 0.8rem;
                padding-right: 2px;
            }

            #logingov-announcement[aria-expanded=false] a[data-toggle="collapse"]:before {
                content: "Show the steps";
                font-size: 0.8rem;
                padding-right: 2px;
            }

            #logingov-announcement[aria-expanded=true] a[data-toggle="collapse"] .fa-chevron-down {
                display: none;
            }

            #logingov-announcement[aria-expanded=false] a[data-toggle="collapse"] .fa-chevron-up {
                display: none;
            }

            #logingov-announcement a[aria-controls="logingov-announcement"] {
                cursor: pointer;
            }

            #logingov-announcement a[data-toggle]:visited,
            #logingov-announcement a[data-toggle]:link {
                color: #fff;
            }

            #logingov-announcement a[data-toggle]:hover {
                color: #02bfe7;
            }                

            .logingov-announcement-header {
                display: flex;
                gap: 0px 10px; 
                justify-content: space-between;
                padding: 5px 0px;
            }

                .logingov-announcement-header > div.left,
                .logingov-announcement-body > div.left {
                    flex-grow: 0;
                    min-width: 35px;
                }

                .logingov-announcement-header > div.center,
                .logingov-announcement-body > div.center {
                    flex-grow: 1;
                }

                .logingov-announcement-header > div.right,
                .logingov-announcement-body > div.right {
                    flex-grow: 0;
                    position: relative; 
                    padding: 5px 20px 0px 0px;
                }

            .logingov-announcement-body {
                display: flex;
                justify-content: space-between;
                gap: 0px 10px;
                padding: 5px 0px 5px 0px;
            }

            .steps-container {
                display: flex;
                gap: 0px;
                justify-content: center;
            }

                .steps-container > div {
                    height: 240px;
                    width: 200px;
                    border: 1px solid black;
                    background: rgb(255 255, 255, 0.35);
                    border-radius: 1px;
                }

                    .steps-container > div.step-2 {
                        background: rgb(255 255, 255, 0.20);
                    }

                    .steps-container > div.step-1:hover,
                    .steps-container > div.step-2:hover {
                        cursor: pointer;
                        background: rgb(255, 255, 255, 0.5);
                    }

                    .steps-container > div h3 {
                        font-weight: normal;
                    }

            .step-content {
                align-items: center;
                display: flex;
                flex-direction: column;
            }
                .step-content > p {
                    align-items: center;
                    display: flex;
                    height: 80px;
                    line-height: 1.2rem;
                    padding: 0px 5px;
                }

            .steps-footer {
                margin-top: 5px;
            }

                .steps-footer a,
                .steps-footer a:link,
                .steps-footer a:visited {
                    color: #fff;
                }

            @media screen and (max-width: 800px) {
                #logingov-announcement {
                    background: #125db7; 
                }

                .logingov-announcement-header div.left {
                    min-width: 0px;
                }      
                
                #logingov-announcement[aria-expanded] a[data-toggle="collapse"]::before {
                    content: none;
                }          
            }

            @media screen and (max-width: 600px) {
                .steps-container {
                    flex-direction: column;
                    align-items: center;
                }                

                    .steps-container > div {
                        height: 150px;
                        width: 325px;
                    }

                    .steps-container > div h3 {
                        margin: 5px 0px;
                    }

                .step-content {
                    flex-direction: row;
                    gap: 10px;
                    margin: 0px 20px;
                }
            }