/* Base styles */
/* Critical base styles exist in inline <style> tag of base.html */

p {
    margin: 0 0 10px;
}

/* Page styles */
.page {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
}

.page-image__wrapper {
    padding: 20px;
    text-align: center;
}

.page-image__image {
    width: 70%;
    max-width: 70%;
}

.bottom-menu-item {
    padding: 0 15px;
}

.bottom-menu,
.eden-copyright {
    display: flex;
    justify-content: center;
}

.eden-copyright {
    padding: 15px;
}

/* The container should have an optimal standard width for its screen ranges */
@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}