*
{
    margin: 0;
    padding: 0;
}

body
{
    background: #cbbba1 url("../images/brownpaper.jpg") repeat;
}

header img
{
    width: 100%;
    height: auto;
}

header #head3
{
    position: relative;
    z-index: 992;
    width: 100%;
    max-width: 600px;
    height: auto;
    display: block;
    margin: 0px auto;
    text-align: center;
}

header #head2
{
    position: relative;
    z-index: 991;
    width: 100%;
    max-width: 650px;
    height: auto;
    margin-top: -115px;
}

header #head1
{
    position: relative;
    z-index: 993;
    width: 100%;
    max-width: 900px;
    height: auto;
    float: right;
    margin-top: -330px;
    margin-bottom: 0px !important;
}

.navbar
{
    font-family: 'Slabo 27px', serif;
    position: relative;
    z-index: 980;
}

.nav-link
{
    color: #0e3b61;
    font-size: 20px;
    padding-left: 21px !important;
    padding-right: 21px !important;
    padding-bottom: 15px;
    padding-top: 20px;
    text-align: right;
    background: transparent;
    background-image: url('../images/nav-bg.png');
    background-size: 100% auto;
    background-position: center top;
    -webkit-transition: all .4s ease;
       -moz-transition: all .4s ease;
        -ms-transition: all .4s ease;
         -o-transition: all .4s ease;
            transition: all .4s ease;
}

.nav-item .active,
.nav-link:hover {
    background-image: url('../images/nav-bg.png');
    background-size: 100% auto;
    background-position: center bottom;
}


#content .container {
    width: 100%;
    border-style: solid;
	border-width: 40px 40px 40px;
    border-color:  #f1f2f6;
    margin-top: -23px;
    position: relative;
    z-index: 985;
	   -moz-border-image: url('../images/border-2.png') 50 50 50 repeat;
	-webkit-border-image: url('../images/border-2.png') 50 50 50 repeat;
	     -o-border-image: url('../images/border-2.png') 50 50 50 repeat;
	        border-image: url('../images/border-2.png') 50 50 50 repeat;
}
#content #inside {
    background-image: url('../images/content-bg.jpg');
	background-repeat: repeat;
    width: 100%;
    padding-top: 5px;
}

#content .col-md-8 {
    padding-left: 25px;
}

#content h1 {
    font-family: 'Cookie', cursive;
    color: #0e3b61;
    font-size: 45px;
}

#content h3 {
    font-family: 'Cookie', cursive;
    color: #0e3b61;
}

#content #hr {
    margin-top: -20px;
}

#content h2 {
    color: #608eb1;
    font-family: 'Slabo 27px', serif;
    font-size: 22px;
    text-transform: uppercase;
    padding-top: 20px;
    padding-bottom: 20px;
}

#content p {
    font-family: 'Slabo 27px', serif;
    color: #0e3b61;
    font-size: 17px;
    line-height: 20px;
}

#content ul {
    list-style-position: inside;
    font-family: 'Slabo 27px', serif;
    color: #0e3b61;
}

#img-map {
    padding-top: 10px;
    padding-bottom: 30px;
}

#content .col-md-8 img#wedding-img {
    display: none;
    margin-bottom: 15px;
}

#content #img1 {
    position: absolute;
    z-index: 990;
    top: 0px;
    border: 7px solid #FFF;
    transform: rotate(-5deg);
    box-shadow: 0 10px 20px rgba(0,0,0,0.34), 5px 6px 6px rgba(151, 141, 141, 0.34);
}

#content #img2 {
    position: absolute;
    z-index: 993;
    top: 170px;
    right:0;
    left:0;
    margin: auto;
    border: 7px solid #FFF;
    box-shadow: 0 10px 20px rgba(0,0,0,0.34), 5px 6px 6px rgba(151, 141, 141, 0.34);
}

#content #img3 {
    position: absolute;
    z-index: 992;
    top: 315px;
    border: 7px solid #FFF;
    transform: rotate(5deg);
    box-shadow: 0 10px 20px rgba(0,0,0,0.34), 5px 6px 6px rgba(151, 141, 141, 0.34);
}

#home {
    margin-bottom: 50px;
}

#content .col-md-6 p {
    text-align: right;
}

#content .col-md-6 img {
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s  ease-in-out;
    -o-transition: all 0.3s  ease-in-out;
    transition: all 0.3s  ease-in-out;
}

#content .col-md-6 img:hover {
    opacity: 0.8;
}

/** Home Boxes **/

.rotateimgminus5
{
    -webkit-transform:rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
}

.rotateimg5
{
    -webkit-transform:rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
}

#bottomimgs
{
    margin-top: 50px;
    padding-left: 20px;
    padding-right: 20px;
}

.homepage #bottomimgs
{
    margin-top: 200px;
}

#bottomimgs a
{
    position: relative;
    color: #FFF;
}

#bottomimgs a img
{
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    border: 7px solid #FFF;
}

    #bottomimgs a:hover img
    {
        border: 7px solid #1a4a72;
    }

#bottomimgs a span
{
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    font-family: "Cookie";
    font-size: 2.4em;
    text-shadow: 0 0 3px #444, 0 0 5px #444;
}

@media only screen and (max-width: 992px)
{

    .homepage #bottomimgs
    {
        margin-top: 50px;
    }

}

/** End Home Boxes **/

.car-button {
    cursor: pointer;
}

.modal-title {
    font-family: 'Cookie', cursive;
    color: #0e3b61;
    font-size: 30px !important;
}

.modal-body h3 {
    font-family: 'Open Sans', sans-serif;
    color: #0e3b61;
    font-size: 18px !important;
}

.modal-body p {
    font-family: 'Slabo 27px', serif;
    color: #0e3b61;
}

.modal-body ul {
    list-style-position: inside;
    font-family: 'Slabo 27px', serif;
    color: #0e3b61;
}

.calendar-iframe {
    width: 100%;
    height: auto;
    min-height: 300px;
}

#content #gallery {
    padding-top: 20px;
}

#content #gallery li
{
	margin-bottom: 20px;
}

#content #gallery li img
{
	border: 5px solid #e6e6e6;
}

#mobile-img {display: none;}

#candy-img {width: 100%; height: auto; margin: 0px auto;}

#candy-img img {
    display: block;
}

.gallery-title {
    font-size: 40px;
    margin-left: 15px;
    line-height: 35px;
    padding-bottom: 0px;
    border-bottom: 2px solid #5488b0;
    display: inline-block;
}

.padding-0 {
    padding-right: 10px;
    padding-left: 10px;
}

.card-header {
    padding: 0px !important;
}

.card-header button {
    font-family: 'Slabo 27px', serif;
    color: #123e64;
}

#content-footer {
    padding-top: 30px;
    text-align: right;
}

#content .col-md-6 img {
    margin-top: 10px;
}

#content-footer a {
    color: #0e3b61;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s  ease-in-out;
    -o-transition: all 0.3s  ease-in-out;
    transition: all 0.3s  ease-in-out;
}

#content-footer a:hover {
    color: #5e89ab;
    text-decoration: none;
}

#content-footer p {
    margin-bottom: 10px;
    text-align: right;
    font-size: 14px;
}

#content-footer a {
    display: inline-block;
    text-align: right !important;
}

#content-footer i {
    text-align: right !important;
    color: #5e89ab;
    font-size: 16px;
    margin-left: 10px;
    text-align: right;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s  ease-in-out;
    -o-transition: all 0.3s  ease-in-out;
    transition: all 0.3s  ease-in-out;
}

#content-footer i:hover {
    color: #0e3b61;
}

.price {
    background : url("../images/book.png") no-repeat center center;
	width : 115px;
	height :52px;
	border : none;
    color : transparent;
    cursor: pointer;
}


#book {
    display: inline;
}

#book fieldset {
    display: inline;
}

#book input[type=image] {
    border: 0px !important;
    padding: 0px;
    margin-bottom: 0px !important;
}

#faq-toggle {cursor: pointer;}

footer {
    padding-top: 20px;
    padding-bottom: 20px;
}

footer p {
    text-align: center;
    margin-bottom: 0px;
    font-size: 12px;
}

footer a {
    color: #222222;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s  ease-in-out;
    -o-transition: all 0.3s  ease-in-out;
    transition: all 0.3s  ease-in-out;
}

footer a:hover {
    color: #0e3b61;
    text-decoration: none;
}

form#booking-form input[type=text]
{
	width: 100%;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;	
}

form#booking-form select
{
	width: 100%;	
	margin-bottom: 20px;
	padding-top: 13px;
	padding-bottom: 13px;
	padding-left: 10px;
}

form#booking-form textarea
{
	width: 100%;
	padding-top: 10px;
	padding-left: 10px;
	resize: none;	
}

form#booking-form input[type=submit] {
    background : url("../images/submit.png") no-repeat center center;
	width : 150px;
	height :52px;
	border : none;
    color : transparent;
    cursor: pointer;
    margin-right: 10px;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s  ease-in-out;
    -o-transition: all 0.3s  ease-in-out;
    transition: all 0.3s  ease-in-out;
}

form#booking-form input[type=submit]:hover {
    opacity: 0.7;
}

#website {display: none;}

.error, .red
{
	color: #ff0000;
	float: none;
	text-align: center;
	margin: 0px auto;
}

.green
{
	color: #3cff00;
	float: none;
	text-align: center;
	margin: 0px auto;
}

#map iframe {
    width: 100%;
    height: 250px;
}

@media screen and (max-width: 1200px){
}

@media screen and (max-width: 992px){
    .col-md-4 #img1 {display: none;}
    .col-md-4 #img2 {display: none;}
    .col-md-4 #img3 {display: none;}
    #mobile {display: flex;}
    #wrapper {display: block;}
    #img-map {display: none;}
    #content .container {margin-top: -20px;}
    .navbar {z-index: 999;}
    .navbar-toggler {color: #FFF;}
    .navbar-nav {background: url('../images/brownpaper.jpg') !important; position: absolute; z-index: 999;  border: 1px solid #FFF; padding-bottom: 15px; right: 0px;}
    .nav-link {width: 100%; text-align: center; border-bottom: 2px spolid #FFF; color: #FFF; padding-top: 15px; padding-bottom: 0px; padding-left: 40px !important; padding-right: 40px !important;}
    .nav-item .active {background: none !important; color: #0e3b61;}
    .navbar-collapse {position: relative; z-index: 999 !important; width: 100%; max-width: 1140px; margin: 0px auto; right: 0px;}
    .fa-bars {font-size: 25px !important;}
    .collapsing {-webkit-transition: none; transition: none; display: none;}
}

@media screen and (max-width: 990px){
    #mobile-img {display: block; padding-bottom: 30px; padding-top: 10px;}
    #mobile-img img {display: block; margin: 0px auto; text-align: center;  transform: rotate(-3deg); box-shadow: 0 10px 20px rgba(0,0,0,0.34), 5px 6px 6px rgba(151, 141, 141, 0.34);}
    #content .col-md-8 img#wedding-img {display: block;}
    #head1 {max-width: 550px !important; margin-top: -140px !important;}
    #head2 {max-width: 350px !important; margin-top: -95px !important;}
    #head3 {max-width: 300px !important;}
}

@media screen and (max-width: 770px){
    #content h1 {text-align: center;}
    #hr {display: block; margin: 0px auto;}
    #content .col-md-6 {margin: 0px auto; text-align: center;}
    #content-footer {text-align: center; padding-top: 0px;}
    #content-footer p {text-align: center !important;}
    #content-footer i {text-align: center !important;}
    #head1 {max-width: 400px !important; margin-top: -145px !important;}
    #head2 {max-width: 300px !important; margin-top: -20px !important;}
    #head3 {max-width: 400px !important;}
    #content .col-md-6 img {margin-top: 0px;}
    #candy-van {margin-top: 0px !important;}
    #content-footer {text-align: center !important;}

}

@media screen and (max-width: 720px){
    #content .col-md-6 p {text-align: center !important;}
}

@media screen and (max-width: 580px){
    .gallery-title {text-align: center; margin: 0px auto;}
    .navbar-nav {right: -10px;}
}

@media screen and (max-width: 450px){
    #head1 {max-width: 300px !important; margin-top: -115px !important;}
    #head2 {max-width: 250px !important; margin-top: -30px !important;}   
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .navbar-nav {margin: 0px !important; float: left;}
}