/*--- LAYOUT ---*/
iframe {
    max-width: 100%;
}

img {
    max-width: 100%;
    height: auto;
}

svg {
    width: 100%;
    height: auto;
}

hr {
    display: none;
}

/* START midnight-fix */

dialog {
    display: none; 
}

.pricelist section.notice,
.pricelist section.pricelist {
    max-width: var(--content-max-width);
    margin: var(--size-xxl) auto;
    padding: 0 var(--size-m);
    text-align: center;
}

.pricelist .services,
.pricelist .variations {
    list-style: none;
    text-align: left;
}

.pricelist .service,
.pricelist .variation {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.pricelist .service {
    margin: var(--size-m) 0;
}

.pricelist .variations {
    width: 100%;
}

.pricelist .variation {
    justify-content: flex-end;
}

.pricelist .service .title {
    padding-right: var(--size-m);
}

.pricelist .service .price {
    text-align: right;
}

.pricelist .service .title,
.pricelist .service .price {
    width: 50%;
    box-sizing: border-box;
}

.pricelist .service .variation .title,
.pricelist .service .variation .price {
    width: auto;
}

.gallery .gallery-preview {
    margin: var(--size-xxl) auto;
    padding: 0 var(--size-m);
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 100rem;
}

.gallery .gallery-preview h2 {
    padding-bottom: var(--size-s);
}

.gallery .gallery-preview a {
    text-decoration: none;
}

.gallery .gallery-preview .images {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
}

.gallery .gallery-preview img {
    margin: var(--size-s);
}

.gallery .gallery-preview .more {
    align-self: flex-end;
}

.before-and-after .gallery-detail,
.created-by-us .gallery-detail,
.accessories .gallery-detail {
    display: flex;
    flex-wrap: wrap;
    max-width: 100rem;
    margin: var(--size-l) auto;
    padding: 0 var(--size-m);
}

.before-and-after figure,
.created-by-us figure,
.accessories figure {
    width: 100%;
    padding: 2rem;
    box-sizing: border-box;
}

.contact section.contact {
    max-width: var(--content-max-width);
    margin: var(--size-xxl) auto;
    padding: 0 var(--size-m);
    text-align: center;
}

.contact .location {
    max-width: 100rem;
    margin: var(--size-xxl) auto;
    padding: 0 var(--size-m);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.contact .location h2 {
    padding-top: var(--size-l);
    text-align: left;
}

.contact .location h3 {
    padding: var(--size-m) 0 var(--size-s);
    text-align: left;
}

.contact .location .map {
    width: 100%;
    height: 100vw;
}

.contact .location .address {
    width: 100%;
    box-sizing: border-box;
}

.contact iframe {
    width: 100%;
    height: 100%
}

/* --- SCREEN: MEDIUM --- */
@media (min-width: 448px) {
    .before-and-after figure,
    .created-by-us figure,
    .accessories figure {
        width: 50%;
    }
    
    .contact .location .map {
        height: 30rem;
    }
}

/* --- SCREEN: MEDIUM --- */
@media (min-width: 768px) {
    .before-and-after figure,
    .created-by-us figure,
    .accessories figure {
        width: 33%;
    }
    
    .contact .location .map {
        width: 60%;
        height: 45rem;
    }

    .contact .location .address {
        width: 40%;
        padding-left: var(--size-xl);
    }
}

/* --- SCREEN: LARGE --- */
@media (min-width: 1024px) {
    .before-and-after figure,
    .created-by-us figure,
    .accessories figure {
        width: 33%;
    }
    
    .contact .location .address {
        padding-left: var(--size-xxl);
    }
}

footer {
    padding: var(--size-m);
    text-align: center;
    background: var(--color-primary);
    color: var(--color-secondary);
}

/* END midnight-fix */