@charset "utf-8";
body {
    background-image: url(../images/Background.jpg);
    background-attachment: fixed;
    background-size: cover;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.9em;
    height: 100%;
}
footer {
    text-align: center;
    position: fixed;
    left: 0;
    bottom: 0;
    height: 40px;
    width: 100%;
    color: #fff;
    background-color: #00415F;
    padding: 0.01em 16px;
    font-family: Verdana, sans-serif;
    font-size: 15px;
    line-height: 1.5;
    background-image: -webkit-linear-gradient(270deg, rgba(0,65,95,1.00) 0%, rgba(24,159,184,0.92) 100%);
    background-image: -moz-linear-gradient(270deg, rgba(0,65,95,1.00) 0%, rgba(24,159,184,0.92) 100%);
    background-image: -o-linear-gradient(270deg, rgba(0,65,95,1.00) 0%, rgba(24,159,184,0.92) 100%);
    background-image: linear-gradient(180deg, rgba(0,65,95,1.00) 0%, rgba(24,159,184,0.92) 100%);
    clear: both;
}
h1 {
    font-family: 'Bangers', cursive;
    font-style: normal;
    font-weight: 400;
    font-size: 3em;
}
h2 {
    font-family: 'Bangers', cursive;
    font-style: normal;
    font-weight: 400;
    font-size: 2em;
    text-align: center;
}
.asideleft {
    float: left;
    margin-right: 0.5%;
    margin-left: 2.5%;
    padding-top: 2%;
    padding-right: 2%;
    padding-bottom: 2%;
    padding-left: 2%;
    margin-top: 30px;
    background-image: url(../images/Scroll-Se1.png);
    background-size: 100%;
    background-size: 100% 100%;
    width: 30%;
    clear: left;
    margin-bottom: 40px;
}
.asideleftdrop {
    float: left;
    margin-right: 0.5%;
    margin-left: 2.5%;
    padding-top: 2%;
    padding-right: 2%;
    padding-bottom: 2%;
    padding-left: 2%;
    margin-top: 20px;
    background-image: url(../images/Scroll-Se1.png);
    background-size: 100%;
    background-size: 100% 100%;
    width: 24%;
    clear: left;
    margin-bottom: 40px;
}
.asideleftdrop img:hover  {
	filter: grayscale(100%);
    transform: scale(1.1);
}


.sectionright {
    width: 64%;
    margin-top: 20px;
    margin-left: 0.5%;
    margin-right: 2.5%;
    padding-left: 2.5%;
    padding-right: 2.5%;
    float: right;
    padding-top: 2.5%;
    padding-bottom: 2.5%;
    margin-bottom: 90px;
    background-size: 100% 100%;
    background-image: url(../images/Scroll-Se1.png);
}
.sectionrightdrop {
    width: 70%;
    margin-top: 20px;
    margin-left: 0.5%;
    margin-right: 2.5%;
    padding-left: 2.5%;
    padding-right: 2.5%;
    float: right;
    padding-top: 2.5%;
    padding-bottom: 2.5%;
    margin-bottom: 90px;
    background-size: 100% 100%;
    background-image: url(../images/Scroll-Se1.png);
}
header {
    text-align: center;
}
.headerimg {
    width: 90%;
    height: 90%;
    margin-top: -16px;
}
.headerimgbar {
    margin-top: -34px;
}
.sectionright h2 {
    font-style: normal;
    font-weight: 400;
    font-family: aclonica;
    font-size: 3em;
    text-shadow: 0px 0px;
}
.sectionrightdrop h2 {
    font-family: carter-one;
    font-style: normal;
    font-weight: 400;
}
.asideleft h2 {
    font-family: carter-one;
    font-style: normal;
    font-weight: 400;
    font-size: 1.5em;
}
.asideleftdrop h2 {
    font-family: carter-one;
    font-style: normal;
    font-weight: 400;
    font-size: 1.5em;
}
.mainh1 {
    font-family: bangers;
    font-weight: 400;
    text-align: center;
    font-size: 4em;
    color: #00415F;
    text-shadow: 2px 2px #F7D004;
    text-transform: uppercase;
    margin-top: -10px;
    font-style: normal;
    letter-spacing: 2px;
}
.asideleft p {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1.3em;
}
.asideleftdrop p {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1.3em;
}
.sectionright p {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1.3em;
}
.sectionrightdrop p {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1.3em;
}
.asideleft .img-responsive.img-thumbnail {
    width: 100%;
}
.asideleft li {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1.3em;
}
.asideleftdrop li {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1.3em;
}
.asideleft h3 {
    font-family: carter-one;
    font-style: normal;
    font-weight: 400;
    font-size: 1.5em;
}
.formStyle {
    width: 100%;
    border-radius: 4px;
}

.asideleftdrop ul a {
    font-family: salsa;
    font-style: normal;
    font-weight: 400;
    color: #013A55;
    font-size: large;
}
.asideleftdrop ul a:hover {
    color: #097C92;
   
}
.sectionrightdrop p a {
    color: #00415F;
    font-family: salsa;
    font-style: normal;
    font-weight: 400;
    font-size: large;
}
.sectionrightdrop p a:hover {
    color: #0B8FA7;
}






@media (max-width: 760px) {
.asideleft {
    width: 95%;
    float: none;
    margin-right: 2.5%;
    margin-left: 2.5%;
    padding-top: 2%;
    padding-right: 2%;
    padding-bottom: 2%;
    padding-left: 2%;
    margin-top: 30px;
    background-image: url(../images/Scroll-Se1.png);
    background-size: 100% 100%;
}
.h3 {
    font-family: bangers;
    font-style: normal;
    font-weight: 400;
}
.sectionright {
    width: 95%;
    margin-top: 20px;
    margin-left: 2.5%;
    margin-right: 2.5%;
    padding-left: 2.5%;
    padding-right: 2.5%;
    float: none;
    padding-top: 2.5%;
    padding-bottom: 2.5%;
    border-radius: 15px;
    margin-bottom: 90px;
    background-size: 100% 100%;
    background-image: url(../images/Scroll-Se1.png);
}
.headerimgbar {
    margin-top: -15px;
    height: 90%;
}
.asideleftdrop {
    width: 95%;
    float: none;
    margin-right: 2.5%;
    margin-left: 2.5%;
    padding-top: 2%;
    padding-right: 2%;
    padding-bottom: 2%;
    padding-left: 2%;
    margin-top: 30px;
    background-image: url(../images/Scroll-Se1.png);
    background-size: 100% 100%;
}
.sectionrightdrop {
    width: 95%;
    margin-top: 20px;
    margin-left: 2.5%;
    margin-right: 2.5%;
    padding-left: 2.5%;
    padding-right: 2.5%;
    float: none;
    padding-top: 2.5%;
    padding-bottom: 2.5%;
    border-radius: 15px;
    margin-bottom: 90px;
    background-size: 100% 100%;
    background-image: url(../images/Scroll-Se1.png);
}


}
.responsive-map{
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}
.responsive-map iframe{
left:0;
top:0;
height:100%;
width:100%;
	position:absolute;
}
.sectionright .img-rounded.img-responsive {
    float: left;
    margin-right: 20px;

}
* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: Arial;
}

/* The grid: Four equal columns that floats next to each other */
.column {
    float: left;
    width: 25%;
    padding: 10px;
}

/* Style the images inside the grid */
.column img {
    opacity: 0.8;
    cursor: pointer;
    border-radius: 3px;
}

.column img:hover {
    opacity: 1;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* The expanding image container */
.container {
    position: relative;
    display: none;
    width: 90%;
}

/* Expanding image text */
#imgtext {
    position: absolute;
    bottom: 20px;
    left: 40px;
    color: white;
    font-size: 20px;
}

/* Closable button inside the expanded image */
.closebtn {
    position: absolute;
    top: 20px;
    right: 35px;
    color: white;
    font-size: 35px;
    cursor: pointer;
}
img {
    border: 1px solid #ddd; /* Gray border */
    border-radius: 4px;  /* Rounded border */
    padding: 5px; /* Some padding */
    /* [disabled]width: 100%; */ /* Set a small width */
}

/* Add a hover effect (blue shadow) */
img:hover {
    box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}
#map {
        height: 200px;
        width: 100%;
       }
.gallery {
    margin: 10px 50px;
}
.gallery img:hover {
    filter: grayscale(100%);
    transform: scale(1.1);
}
.gallery img {
    padding: 15px;
    transition: 1s;
    width: 200 PX;
}
.responsive {
  max-width: 100%;
  height: auto;
}