h2 {
    font-size:1.8rem;
}

#page.root #logo img {
    width:120px;
}

#header {
    padding:10px;
}

#menu {
    display:none;
    position:absolute;
    top:60px;
    right:0px;
    background-color: rgba(98, 109, 128, 0.7);

    .menu-item {
        padding:16px;
        font-size:1.2rem;
    }

}

#menu-button {
    display:block;
}

#heading-container {

    h1 {
        font-size:1.4rem;
        transform: translate(-50%, 150%);
    }

}

#heading-edge-container {
    top:-44px;

    img {
        height:40px;
    }

}

#frontpage-image-container {

    #front-text {

        #title {
            font-size:1.5rem;
            margin-bottom:20px;
        }

        #intro-text {
            margin-top:10px;
            margin-bottom:10px;
            max-width:99%;
            font-size:0.8rem;
        }

    }

    #book-now-button {
        font-size:1rem;
    }

}

.block#appliances {

    #appliances-container {
        display:block;

        .appliance {
            display:flex;

            .icon {
                text-align:center;
            }

            .text {
                flex:1;
                display: flex;
                align-items: center;
                font-size:1.3rem;
                padding-left:10px;
                padding-right:10px;
            }

            .arrow {
                display:block;
                display: flex;
                align-items: center;
            }

            .repair-description {
                display:none;
            }

        }

    }

}

.block#benefits {
    background-size: auto 100%;

    #benefits-container {
        display:block;

        .benefit {
            padding-bottom:50px;
        }

    }

    #booking-description {
        padding:8px;
        margin-top:0px;
        max-width:1000px;
    }

    #request-visit-button {
        margin-top:0px;
    }

}

.block#areas {

    #areas-container {
        display:block;

        #text {

            #areas-button {
                margin-bottom:30px;
            }

        }

        #map {
            max-width:none;
        }

    }

}

.block#legal {
    padding:30px 10px;
}

.block#repair {

    #repair-container {
        display:block;

        #repair-image {
            text-align:center;
            margin-bottom:30px;

            img {
                width:40%;
            }
        }

        #repair-text {
            font-size:1.1rem;
            padding-left:10px;

            h2 {
                font-size:1.3rem;
                margin:20px 0px 10px 0px;
            }

        }

    }

}

.block#about {
    background-size: auto 100%;
}

.block#contact {

    #phone-email {
        display:block;
        padding:30px 10px 20px 10px;

        .contact-detail {
            text-align:left;
            margin-bottom:10px;

            span {
                font-size:1.2rem;
            }

        }

    }

}

.block#footer {

    #footer-container {
        display:block;

        .footer-section {
            margin:30px 0px;
            text-align:center;
        }

    }

}

.town.block {

    .town-container {
        padding-bottom:0px;

        h2 {
            text-align:center;
        }

        img.left-image, img.right-image {
            display:block;
            float:none;
            margin:0px auto 30px auto;
            width:150px;
        }

    }

}