body {
    font-size: 1em !important;
    margin: 0 !important;
}

.top {
    margin-bottom: 0;
}

.error-section {
    margin: auto;
    max-width: 700px;
    width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    height: 716px;
}

div #content {
    margin-bottom: 30px;
}

#pagenotfound_numbers {
    font-size: 2.5em;
    font-family: Arial, sans-serif;
    color: #0054a3;
    text-align: center;
    padding-top: 6%;
    padding-bottom: 8%;
}

#page_not_found {
    font-size: 1.5em;
    font-family: Arial, sans-serif;
    color: #999999;
    text-align: center;
}

.return_button {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.col1-layout .main {
    padding-top: 33px;
    padding-bottom: 33px;
}

.btn-primary {
    color: #fff;
    background-color: #0054a3 !important;
    border-color: #0054a3 !important;
    margin-top: 2em;
    margin-left: auto;
    margin-right: auto;
}

.warning-list {
    list-style-type: disc !important;
}

.warning-list li {
    padding-bottom: 1em;
    font-weight: 500;
}

.exclamation {
    filter: invert(18%) sepia(89%) saturate(2389%) hue-rotate(194deg) brightness(98%) contrast(105%);
    width: 10em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
}

/* Mobile styles */

/* 1280x1024 */
@media screen and (max-width: 1280px) {
    .error-section {
        height: 654px;
    }
}

/* iPad Pro */
@media screen and (max-width: 1024px) {
    .error-section {
        height: 1004px;
    }
    #pagenotfound_numbers {
        font-size: 1.5em ;
    }
}

/* iPad Air */
@media screen and (max-width: 820px) {
    .error-section {
        height: 790px;
    }
}

/* iPad Mini */
@media screen and (max-width: 768px) {
    .error-section {
        height: 620px;
    }
}

/* Galaxy Tab S4*/
@media screen and (max-width: 712px) {
    .error-section {
        height: 744px;
    }
}

/* iPhone 14 Pro Max */
@media screen and (max-width: 430px) {
    .error-section {
        height: 462px;
    }
}

/* iPhone 12 Pro */
@media screen and (max-width: 390px) {
    .return_button {
        margin-bottom: 34px;
    }
    .col1-layout .main  {
        padding-bottom: 5px;
    }
    .exclamation {
        width: 6em !important;
    }
    #pagenotfound_numbers {
        padding-bottom: 5px;
        font-size: 1.2em;
    }
    .error-section {
        height: 410px;
    }
}