Style Guide

HTML & BODY

        html {
            font-size: 62.5%;
            line-height: 1.5;
        }
        body {
            font-family: 'Gotham', sans-serif;
            font-size: 1.5rem;
            line-height: 1.5;
            font-weight: 300;
            color: #001f35;
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
        }

Headings

The new dawn of luxury.

        h1, h2, h3, h4, h5, h6 {
            font-weight: 200;
        }

Text

The outdoor area includes a large terrace with a private pool, seating area and sun loungers.

        p {
            font-size: 1.8rem;
            line-height: 2;
            letter-spacing: .025em;
            margin: 5px 0 25px;
        }

Buttons

enquire form
Request

        a.btn {
            display: block;
            width: 100%;
            max-width: 250px;
            padding: 20px 25px;
            font-size: 1.4rem;
            text-align: center;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
        }
        .btn.btn-dark {
            text-transform: capitalize;
            font-size: 1.5rem;
            color: #fff;
            background-color: #001f35;
            border: 1px solid #001f35;
            padding: 15px 25px;
            max-width: 200px;
        }
        .btn.btn-light {
            text-transform: uppercase;
            color: #fff;
            border: 1px solid #fff;
        }
        .btn.btn-dark:hover {
            font-size: 1.5rem;
            color: #001f35;
            background-color: transparent;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
        }
        .btn.btn-light:hover {
            color: #fff;
            background-color: #001f35;
            border: 1px solid #001f35;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
        }