/*
Dark Blue		#10517d
Light Blue		#18c1f3
Light Green		#d7df21		Shaded to #b3d334
*/

/*h1,h2 {font-family: 'Courgette', cursive;} /* FONT LINE */
h1, h2 {font-style: italic; font-weight: bold;}
/* GENERAL */
/* h1,h2,p,li,div,span {font-family: 'Sedgwick Ave Display', cursive;} */ /* FONT LINE */
h1,h2,p,li,div,span {}
h1{font-size:36px;}
h2{font-size:24px;}
h3{font-size:20px;}
h4{font-size:18px;}
h5{font-size:17px;}
h6{font-size:16px;}
#home       {color:#000 !important; background-color:#ffffff !important}
#gallery    {color:#000 !important; background-color:#cec7c1 !important}
#flexbox    {color:#000 !important; background-color:#cec7c1 !important}
#contact    {color:#000 !important; background-color:#cec7c1 !important}
#headingone {color:#000 !important; background-color:#ffffff !important}
#headingtwo {color:#000 !important; background-color:#cec7c1 !important}
#mySidebar  {color:#fff !important; background-color:#10517d !important}
#background {background-color:#ffffff}
#footer     {color:#000 !important; background-color:#10517d !important; border-top: #18c1f3 2px solid; padding: 40px 0 10px 0;}
#footer div.footerlinks{font-size:12px;}
#footer div.footerlinksgxpc, #footer div.footerlinksgxpc a{font-size:10px;color: black;}
#footer a, #footer div {color: white;}
/* NAVBAR */
#myNavbar, div.submit input   {color:#000 !important; background-color:#ffffff !important; border-bottom: #10517d 0px solid;}
#myNavbar a:hover, div.submit input:hover {color:#000 !important; background-color:#18c1f3 !important}
.w3-bar-block          {color:#000 !important; background-color:#18c1f3 !important}
.w3-bar-block a:hover  {color:#000 !important; background-color:#18c1f3 !important}
#myNavbar button       {color:#000 !important; background-color:#b6b2a9 !important}
#myNavbar button:hover {color:#000 !important; background-color:#cec7c1 !important}
#dispwid    {color:#000 !important; max-width: 900px;}
.boxtop     {height: 80px;}
.boxbottom  {height: 80px;}
.box1 {border-bottom: #18c1f3 2px solid;}
.box2 {border-top: #10517d 0px solid;}
.box3 {border-bottom: #18c1f3 2px solid;}
.box4 {}
div.header{padding: 0 25px;}
/* CSS for Lightbox Images */
div.gx-gallery div a img {
width: 500px;
max-width: 90%;
}

@media screen and (min-width: 601px) {
/* Full height image header */
    .bgimg {
        background-image: url("images/headerbglarge.jpg");
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
		background-color: #10517d;
    }
}
@media screen and (max-width: 600px) {
/* Full height image header */
    .bgimg {
        background-image: url("images/headerbgsmall.jpg");
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
		background-color: #10517d;
    }
}

@media screen and (max-width: 600px) {
/* Full height image header */
    .bgimg {
        height: 120px
    }
}
@media screen and (min-width: 601px) {
/* Full height image header */
    .bgimg {
        height: 132px
    }
}
@media screen and (min-width: 1001px) {
/* Full height image header */
    .bgimg {
        height: 220px
    }
}
@media screen and (min-width: 1501px) {
/* Full height image header */
    .bgimg {
        height: 300px
    }
}