.page-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 30px;
    justify-content: space-between;
}
.content404 .content {
    max-width: 400px;
    margin: 0 auto;
}
.content404 .content span{ width:100%; float:left;}
.content404 {
    text-align: center;
}


@media(max-width:767px){
.page-content {
    grid-template-columns: repeat(1, 1fr);grid-row-gap: 30px;
}
}


 {# h2 {
    text-align: center;
}

h2 span {
    display: block;
    margin: 0 auto; /* This will center the span horizontally */
}
.content {
    text-align: center; /* Center the text horizontally */
}

.content::after {
    content: ''; /* Add a line break after the content */
    white-space: pre; /* Preserve white spaces */
    display: block; /* Ensure the line break is displayed as a block element */
}
.button{
  margin-top:40px;
}

.content404 {
    text-align: center;
}  
#}