@media (min-width:992px) {
    #news-box {
        
        position: fixed;
        bottom: 24px;
        right: 70px;
        height: 143px; /*89px; 143 = three buttons high, 89 = two buttons high */
        width: 300px;
        background-color: #ffffff;
        padding: 10px;
        border: 1px solid rgb(170, 170, 170);
        border-radius: 4px;

    }

    #news-box.fadeOut {
        animation: fadeOut 3s;
        -webkit-animation: fadeOut 3s;
        -moz-animation: fadeOut 3s;
        -o-animation: fadeOut 3s;
        -ms-animation: fadeOut 3s;
    }

    @keyframes fadeOut {
        0% {
        opacity: 1;
        }
        100% {
        opacity: 0;
        }
        }
        @-webkit-keyframes fadeOut {
        0% {
        opacity: 1;
        }
        100% {
        opacity: 0;
        }
        }
        @-moz-keyframes fadeOut {
        0% {
        opacity: 1;
        }
        100% {
        opacity: 0;
        }
        }
        @-o-keyframes fadeOut {
        0% {
        opacity: 1;
        }
        100% {
        opacity: 0;
        }
        }
        @-ms-keyframes fadeOut {
        0% {
        opacity: 1;
        }
        100% {
        opacity: 0;
        }
        }
        
    p {
        font-size: 12px;
    }

    #box-content {
        margin-bottom: 10px;
    }
    
    #news-box-close-button {
        position: absolute;
        top: 5px;
        right: 5px;
        border: none;
        background-color: transparent;
        font-size: 12px;
        cursor: pointer;

    }

    #news-showmap-button {
        position: absolute;
        bottom: 7px;
        left: 10px;
        background-color: white;
        border: 1px solid rgb(170, 170, 170);
        padding: 5px;
        border-radius: 5px;
        font-size: 12px;
        cursor: pointer;

    }
}