#content {
    margin          : 20px auto 10px auto;
    max-width       : 580px;
    min-width       : 300px;
    padding         : 40px 40px 20px 40px;
    box-shadow      : 0px 0px 20px rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
}

@media screen and (max-width: 512px) {
    #content {
        margin          : 0px;
        padding         : 20px 20px 20px 20px;
    }

    .col-25,
    .col-75,
    input[type=submit] {
        width     : 100%;
        margin-top: 0;
    }
}

#reservationform {
    margin-top: 10px;
}

.footer {}

.col-25 {
    float     : left;
    width     : 25%;
    margin-top: 6px;
}

.col-75 {
    float     : left;
    width     : 75%;
    margin-top: 6px;
}

.row:after {
    content: "";
    display: table;
    clear  : both;
}

h1 {
    font-size  : 24px;
    margin     : 0;
    font-weight: normal;
}

h2 {
    font-size    : 18px;
    margin-top   : 5px;
    margin-bottom: 40px;
    font-weight  : normal;
}

body {
    font-family: Verdana, Helvetica, sans-serif;
    font-size  : 12px;
    margin     : 0px;
    padding    : 0px;
    background : linear-gradient(rgb(241, 241, 241), rgb(208, 208, 208)) repeat fixed 0% 0% transparent;
}

a {
    text-decoration: none;
    color          : rgb(219, 0, 49);
}

a:hover,
a:focus {
    text-decoration: underline;
    color          : rgb(219, 0, 49);
}

label {
    padding       : 6px 0 0 0;
    display       : inline-block;
    vertical-align: top;
}

.button,
input[type="submit"],
a.button:link,
a.button:visited,
a.button:focus,
a.button:active,
.button_grey {
    padding    : 10px;
    border     : 1px solid rgb(153, 153, 153);
    margin     : 10px 0 30px 0px;
    text-align : center;
    font-weight: bold;
    cursor     : pointer;
    color      : rgb(255, 255, 255);
    background : #db0031;
    background : linear-gradient(#db0031, #be022d);
    float:right;
}

.button:hover,
.button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
    background: none repeat scroll 0% 0% rgb(153, 153, 153);
}

input,
select,
textarea {
    display      : inline-block;
    font-family  : Verdana, Helvetica, sans-serif;
    font-size    : 12px;
    width        : 100%;
    margin-bottom: 8px;
    border       : 1px solid rgb(204, 204, 204);
    box-shadow   : 0px 0px 2px 0px rgba(0, 0, 0, 0.1) inset;
    padding      : 4px 6px;
    box-sizing   : border-box;
    resize       : vertical;
}

textarea {
    height: 100px;
}

input.parsley-success,
textarea.parsley-success {
    /* color: #468847 !important;
	background-color: #DFF0D8 !important;
	border: 1px solid #D6E9C6 !important; */
}

optgroup {
    font-style: normal !important;
}

input.parsley-error,
textarea.parsley-error {
    color           : #B94A48 !important;
    background-color: #F2DEDE !important;
    border          : 1px solid #EED3D7 !important;
}

ul.parsley-error-list {
    font-size      : 11px;
    color          : #B94A48;
    margin         : -2px 0px 12px 6px;
    padding        : 0;
    list-style-type: none;
}

ul.parsley-error-list li {
    line-height: 11px;
    padding-top: 2px;
}