body {
    border: 1px solid gray;
    background-color: #f4f4f1;
}


.icon {
    float: right;
    font-family: sans-serif;
    font-weight: 100;
    font-size: 0.85em;
    margin-right: 0.2em;
}


.cancellations ul li {
    margin: 0;
}

.cancellations {
    padding: 0 5%;
    margin-bottom: 2em;
}

.secrethikes {
    font-family: courier !important;
    margin-bottom: 1em;
}

a {
    color: #4d4d4d;
    border-bottom: 1px dotted gray;
}

img {
    max-width: 100%;
    margin: 1em;
}

.subheading {
    color: DARKGREEN;
    text-align: LEFT;
    margin-top: 3em;
    font-family: 'dejanire-text';
    font-weight: 700;
    font-style: normal;
    /* text-transform: uppercase; */
    font-size: 1.6em;
}

.clue {
    text-shadow: 0 0 8px red;
    font-weight: 700;
    color: blue;
}

.clue2 {
    text-shadow: 0 0 8px green;
    font-weight: 700;
    color: blue;
}

.logo_text {
    text-align: center;
    font-family: "sharktooth";
    font-size: 3em;
    text-transform: uppercase;
    color: darkgreen;
    margin-bottom: 1.5em;
    margin-top: 1em;
}

.loclogo {
    position: relative;
    display: block;
    margin: 0 auto;
    text-align: center;
}

img#loclogo {
    max-width: 18em;
    display: block;
    margin: 5em auto;
}

.container {
    padding-bottom: 4em;
}

#header-text {
    font-family: "sharktooth";
    font-size: 1.2em;
    text-align: center;
}

#header-text h1 {
    font-size: 3.3em;
}

img#parking {
    width: 100%;
    display: block;
    margin: 0 auto;
}

#header-text p {
    font-size: 1.93em;
    color: #737373;
    font-family: "sharktooth";
}

.toggle {
    font-family: poynter-oldstyle-text, serif;
    font-weight: 700;
    font-style: normal;
    border-top: 1px dotted gray;
    margin-top: 1em;
}

.thumbs {
    font-size: 2em !important;
}

#toggle-heat, #toggle-outage, #toggle-bedding, #toggle-laundry, #toggle-cancel, #toggle-howdoi, #toggle-basics, #toggle-reviews, #toggle-heatac, #toggle-airstream, #toggle-weber, #toggle-about, #toggle-bring, #toggle-whattodo, #toggle-tub, #toggle-directions, #toggle-stereo, #toggle-stove, #toggle-tv, #toggle-internet, #toggle-kitchen, #toggle-safety, #toggle-checkout {
    display: none;
}

li {
    padding: .3em;
    font-size: 1.4em;
    font-family: "adobe-text-pro", serif;
}

p, li {
    font-size: 1.4em;
    font-family: "adobe-text-pro", serif;
    margin: 0 0 10px;
    line-height: 1.6em;
}

.fa {
    float: left;
    font-size: 4em;
    margin-right: .5em;
}

.heading {
    font-weight: bold;
    margin: 1em 0;
    border-top: 1px dotted gray;
}

h2 {
    font-family: adobe-text-pro;
    font-weight: bold;
    margin-top: 2em;
    color: red;
}

.feedback {
    margin-top: 2em;
}

.inventory-dropdown {
    margin-left: -1em;
}

.inventory-item {
    font-family: helvetica, arial, sans-serif;
    font-size: 1.2em;
}

.supplies-row {
    padding: 0;
}

#inventory {
    max-width: 100px;
}

div#last-supplies {
    margin-bottom: 2em;
}

h1#housekeeping-header {
    margin-top: 2em;
}

.notes-field {
    max-width: 50%;
    margin-bottom: 3em;
}

textarea.form-control.notes-field {
    margin-bottom: 3em;
    max-width: 50%;
}

.riddle_text {
    font-family: courier;
}

#congrats {
    text-align: center;
    margin-bottom: 4em;
}

.img-directions {
    width: 450px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    margin: 2.5em 0;
    border-radius: 1em;
}

#summer-directions {
    visibility: hidden;
}

#vignette {
    margin-left: -2em;
}

.agentcooper {
    color: #990000;
    /* position: relative; */
    display: inline-block;
    font-size: inherit;
    font-family: "adobe-text-pro", serif;
    margin: 0;
    padding: 0;
    text-shadow: 1px 1px 4px lightseagreen;
    white-space: nowrap;
}

#toggle-tub img {
    margin: 0 auto;
    border-radius: 8px;
    display: block;
    width: 80%;
}

.download {
    margin-left: 2em !important;
}

.contact-us-blurb p {
    font-family: "adobe-text-pro";
    text-align: center;
}

.highlighter {
    background-color: #ffff00;
}

#highlight {
    background-color: #ff0;
}

@media screen and (min-width: 1080px) {
p, li {
        font-size: 1.9em;
    }

.subheading {
        font-size: 2.2em;
    }
}


@media screen and (max-width: 1000px) {
    .toggle h1 {
        font-size: .9em;
    }

    #header-text {
        text-align: center;
    }

    .loclogo {
        text-align: center;
    }
}


.checkbox label, .radio label {
    font-size: 1.2em;
    margin-top: .7em;
}

.hkheader {
    margin: 2em 0 0.5em 0;
}

.last-item {
    margin-bottom: 2em;
}


@media screen and (max-width: 768px) {
.fa {
    /* margin-top: 2.5em; */
    font-size: 2em;
}

header h1 {
    text-align: center;
}

h1.toggle {
    border-top: 1px dotted gray;
}

.toggle {
    font-family: "poynter-oldstyle-text", serif;
    color: #4d4d4d;
    border-top: 1px dotted gray;
    margin-top: 1.2em;
    font-size: 1.7em;
}



@media screen and (max-width: 600px) {
    #header-text h1 {
        font-size: 2.3em;
    }

    #header-text p {
        font-size: 1.2em;
    }

    img#loclogo {
        max-width: 16em;
    }

    #toggle-tub img {
        width: 100%;
    }
    
}

@media screen and (max-width: 500px) {
    .inventory-item {
        margin-left: 2em;
    }
}