@import url(https://fonts.googleapis.com/css?family=Oswald|Open+Sans);
body {
    font-family: Oswald;
    background-color: #C3C7CA;
}

h1 {
    font-size: 30px;
    color: #006699;
    margin-top: 0;
    /*padding-bottom:20px;*/
}
    .leftcolumn h1 {
        text-align: center;
    }
h2 {
    color: #006699;
    font-size: 24px;
    margin: 18px 0;
}


/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }



/*header*/
.headerwrapper
{
    width: 940px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: -5px;
}
.headerimage
{
    content:url('/images/new_top_photo.jpg');
    width: 100%;
}


/*header book online*/
.headerbookonlinewrapper
{
    width: 940px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: -5px;
    background-image: url(/images/logo_background.jpg);
}
.headerbookonlinelogo
{
    text-align:center;
    width:60%;
    float:left;
}
.headerbookonlinebutton
{
    text-align:center;
    width:40%;
    float:right;
}
.bookonlinelogo
{
    width:470px;
}



/*nav*/
.navwrapper
{
    background-color:#006699;
    width:900px;
    margin-right: auto;
    margin-left: auto;
    padding:20px;
}
.nav
{
    width:20%;
    float: left;
    text-align: center;
}




/*content*/
.contentwrapper
{
    width:940px;
    text-align:center;
    margin-right: auto;
    margin-left: auto;
}
.content
{
    background-color:white;
    padding: 5px;
}


.rightcolumn
{
    float:left;
    width:62%;
    text-align: left;
    margin: 5px;
}
.leftcolumn
{
    float:left;
    width:36%;
    background-color:white;
}



main {
    padding: 1em;
}
    main > section {
        border-top: 1px solid #006699;
        padding: 1em 0;
    }
section > section {
    padding-left: 1.2em;
    padding-bottom: 0.25em;
}
section {
    padding-bottom: 0.5em;
}


/*faqs & reviews*/
.q {
    font-weight: bold;
}
.a {
    padding-left: 1.2em;
}

/* rates table */
.tbl-rates {
    width: 100%;
    border: none;
}
    .tbl-rates th, .tbl-rates td {
        border-bottom: 1px solid rgb(80, 189, 220);
        border-collapse: collapse;
        padding: 5px 4px;
        vertical-align: top;
        font-weight: normal;
    }
    .tbl-rates tr:last-child td {
        border-bottom: none;
    }



/*footer*/
.footerwrapper
{
    background-color:#CC3333;
    height:70px;
    width: 940px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    padding-top: 15px;
    padding-bottom: 15px;
}
.footer
{
    margin: 5px;
}
.footertextleft
{
    color:white;
    float:left;
    text-align: left;
    width: 45%;
    padding-left: 20px;
}
.footertextright
{
    color:white;
    float:right;
    text-align:center;
    width:50%;
}





/*BOOTSTRAP ALERTS*/
.alert {
    /*width: 98%;
    max-width: 1100px;
    padding: 0.6% 1%;*/
    padding: 12px 18px;
    margin: 1em auto;
    border: 1px solid transparent;
}

    .alert .alert-link {
        font-weight: 500;
    }

    .alert.success {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6;
    }

    .alert.info {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1;
    }

    .alert.warning {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc;
    }

    .alert.danger {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1;
    }

    .alert.hybrid {
        color: #763c75;
        background-color: #E9D8F0;
        border-color: #d9c6e9;
    }

    .alert.neutral {
        color: var(--light-low-contrast);
        background-color: var(--light-background);
        border-color: var(--light-border);
    }

    .alert.success .alert-link {
        color: #2b542c;
    }

    .alert.info .alert-link {
        color: #245269;
    }

    .alert.warning .alert-link {
        color: #66512c;
    }

    .alert.danger .alert-link {
        color: #843534;
    }

    .alert.hybrid .alert-link {
        color: #542b53;
    }

    .alert.neutral .alert-link {
        color: var(--light-high-contrast);
    }

    .alert.inverse {
        background: none;
    }

.badge {
    font-weight: bold;
    padding: 0.1em 0.5em;
    margin: 0;
    border-radius: 4px;
}














/* ----------------------------------940px---------------------------------- */

@media only screen and (max-width:940px)
{
    .headerimage, .headerwrapper, .navwrapper, .contentwrapper, .footerwrapper, .rightcolumn, .leftcolumn, .headerbookonlinewrapper
    {
        width:100%;
    }
    .navwrapper
    {
        width: 95.5%;
    }
}

/* ----------------------------------890px---------------------------------- */

@media only screen and (max-width:890px)
{
    .navwrapper
    {
        width: 95.2%;
    }
}

/* ----------------------------------830px---------------------------------- */

@media only screen and (max-width:830px)
{
    .navwrapper
    {
        width: 95%;
    }
}

/* ----------------------------------800px---------------------------------- */

@media only screen and (max-width:800px)
{
    .navwrapper
    {
        width: 94.5%;
    }
}

/* ----------------------------------735px---------------------------------- */

@media only screen and (max-width:735px)
{
    .headerbookonlinelogo
    {
        width:100%;
    }
    .headerbookonlinebutton
    {
        width:100%;
        padding-bottom:15px;
    }
    .footertextleft
    {
        width: 35%;
    }
    .footertextright
    {
        width: 60%;
    }
}

/* ----------------------------------725px---------------------------------- */

@media only screen and (max-width:725px)
{
    .navwrapper
    {
        width: 94.2%;
    }
}

/* ----------------------------------700px---------------------------------- */

@media only screen and (max-width:700px)
{
    .navwrapper
    {
        width: 94%;
    }
}

/* ----------------------------------676px---------------------------------- */

@media only screen and (max-width:676px)
{
    .navwrapper
    {
        width: 93.7%;
    }
}

/* ----------------------------------640px---------------------------------- */

@media only screen and (max-width:640px)
{
    .navwrapper
    {
        width: 93.2%;
    }
}

/* ----------------------------------605px---------------------------------- */

@media only screen and (max-width:605px)
{
    .navwrapper
    {
        width: 92.8%;
    }
}



/* ----------------------------------553px---------------------------------- */

@media only screen and (max-width: 553px)
{
    .navwrapper
    {
        width: 92%;
    }
    .nav 
    {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .headerwrapper, .footerwrapper, .contentwrapper
    {
        width: 99.5%;
    }


    section > section {
        padding-left: 0;
    }

    .footerwrapper
    {
        height:auto;
    }
    .footer
    {
        margin:0px;
    }
    .footertextleft
    {
        width: 100%;
        text-align: center;
        padding-left: 0px;
    }
    .footertextright
    {
        width: 100%;
        padding-bottom: 20px;
    }
    .bookonlinelogo
    {
        width:100%;
    }
}

/* ----------------------------------502px---------------------------------- */

@media only screen and (max-width:502px)
{
    .navwrapper
    {
        width: 91.2%;
    }
}

/* ----------------------------------472px---------------------------------- */

@media only screen and (max-width:472px)
{
    .navwrapper
    {
        width: 90.7%;
    }
}

/* ----------------------------------445px---------------------------------- */

@media only screen and (max-width:445px)
{
    .navwrapper
    {
        width: 90%;
    }
}

/* ----------------------------------420px---------------------------------- */

@media only screen and (max-width:420px)
{
    .navwrapper
    {
        width: 89.2%;
    }
}


/* ----------------------------------375px---------------------------------- */

@media only screen and (max-width:375px)
{
    .navwrapper
    {
        width: 88.7%;
    }
}

/* ----------------------------------320px---------------------------------- */

@media only screen and (max-width:320px)
{
    .navwrapper
    {
        width: 87%;
    }
    .mapimage
    {
        width:100%;
    }
    .ratesimage
    {
        width:100%;
    }
}