body {
    padding: 0 !important;
}
nav {
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
#top-nav {
    padding-bottom: 10px;
    align-items: center;
    background-color:rgb(38, 166, 209);
    height: 45px;
}
#top-nav-menu {
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: .9rem;
    font-weight: 500;
}
#top-nav-menu li a {
    color: white;
}
#middle-nav {
    background-color: #082340;
}
#middle-nav-menu {
    height: 77px;
    font-size: 1.4rem;
    font-weight: 200;
    justify-items: center;
    align-items: center;
    font-family: 'Bebas Neue';
}
#middle-nav-menu .nav-item {
    /* display: flex; */
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-bottom: none;
    height: 50px;
    /* width: 120px; */
}
#middle-nav-menu .nav-item span {
    color: white;
}

/* Will be working on the top nav search bar here
 #searchTopNav {
    padding-left: 1em;
    padding-bottom: 1px;
    border-color: lightblue;
} */

#middle-nav-menu .nav-item span:hover {
    color: rgb(38, 166, 209);

}
#costumer-needs-div {
    height: 6.5rem;
    background-color: #082340 !important;
}
#costumer-needs h1 {
    color: white;
    font-family: 'Bebas Neue';
    font-weight: lighter !important;
    padding-top: 1rem;
    font-size: 2rem;
}
#costumer-needs img {
    height: 150px;
    image-resolution: 1020px;
}
.nav-item a:hover {
    border-bottom: 2px solid;
    border-bottom-color: rgb(38, 166, 209);
}
#myCarousel {
    height:123px;
}
.carousel-item {
    color: white;
    align-items: center;
}
.carousel-items {
    justify-content: center;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 45px;
}
.carousel-items h5 {
    font-family: 'handlee', 'san-serif';
}
.carousel-items a {
    font-family: 'Bebas Neue','handlee', 'san-serif' ;
    font-size: 1.2em;
    font-weight: lighter;
}
#preview-button-left {
    align-items: center;
    padding-left: 2rem;
}
#preview-button-right {
    align-items: center;
    padding-right: 2rem;
}
.our-story h5 {
    font-size: 10em;
    color: aqua;
    font-family: 'Bebas Neue';
}
.our-story p {
    font-size: 1.5em;
    font-family: 'handlee', 'san-serif';
}
.our-mission {
    align-items: center;
    height: 200px;
}
.our-mission h3,.our-mission h5 {
    color: rgb(73, 119, 218);
    font-size: 2em;
    font-family: 'Bebas Neue', 'sans-serif';
}
.costumer-needs h5, .costumer-needs h3, .costumer-needs h1{
    color: rgb(0, 81, 255);
    font-family: 'Bebas Neue' ,'sans-serif';
}
.contact-text h1 {
    font-size: 4em;
    color: rgb(0, 81, 255);
    font-family: 'Bebas Neue' ,'sans-serif';
}
.contact-info label, .contact-info input, .contact-info .btn {
    font-size: 1.5em;
    font-family: 'Bebas Neue' ,'sans-serif';
    color: rgb(0, 81, 255);
}
.contact-info label {
    display: grid;
    justify-content: center;
}
.contact-info input {
    opacity: 50%;
    border: 1px solid grey;
}
.prices h1 {
    color: rgb(0, 81, 255);
    font-size: 5rem;
    font-family: 'Bebas Neue', 'sans-serif';
}
.prices .btn {
    font-stretch: expanded;
    font-weight: bolder;
    font-size: 1.5rem;
    font-family: 'Fondamento', cursive;
}
.card .btn {
    font-size: medium;
}
#pool-sizes .card-body p{
    color: cadetblue;
    font-size: 1rem;
    font-weight: 600;
    font-family: 'handlee' ,'sans-serif';
}
#pool-services .card-body p{
    color: cadetblue;
    font-size: 1rem;
    font-weight: 600;
    font-family: 'handlee' ,'sans-serif';
}
#pool-sizes .card-title h3 {
    color: rgb(217, 126, 51);
    font-size: medium;
    font-weight: 900;
    font-family: 'handlee', 'san-serif';
}
#pool-services .card-title h3 {
    color: rgb(217, 126, 51);
    font-size: large;
    font-weight: 900;
    font-family: 'handlee', 'san-serif';
}
#create-a-package .card {
    border-color: cadetblue !important;
}
#userH2 {
    font-family: 'handlee', 'san-serif' !important;
    color: cadetblue !important;
    font-weight: 800 !important;
    font-size: 1.3em !important;
}
.userPriceText p {
    font-family: 'handlee', 'san-serif';
    color: cadetblue;
    font-weight: 800;
    font-size: 1.3em;
}
.userPriceText p #userPrice {
    font-family: 'handlee', 'san-serif';
    color: rgb(217, 126, 51);
    font-weight: 600;
    font-size: 1.3em;
}
#userH2 {
    /* color: cadetblue; */
    font-weight: 1.9em;
}
.userInfo label {
    font-weight: 600;
    font-size: 1.1em;
    color: cadetblue;
}
/* .card-text {
    border: 1px solid blue;
    border-radius: .5rem;
} */
/* .bussiness-accreditations {
    height: 750px;
}
.bussiness-accreditations .card-image-top {
    height: 250px !important;
}
/* .bussiness-accreditations .card-body {
    height: 75% !important;
} */


/* work on this */
/* #h1-tag-for-trust {
    background-image:
} */

/* .accreditation {
    margin-top: none;
    height: 200px;
    font-family: 'Permanent Marker', cursive;
}

#accreditation-links .accreditation-images {
    display: flex !important;
    justify-content: center !important;
    margin-top: 20px;
    height: 200px;
}
#accreditation-links .accreditation-images img {
    height: 200px;
}
#accreditation-links .accreditation-text {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    display: inline-block;
    padding-top: 5px 0;
    text-align: center;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: large;
    font-weight: 700;
    margin-top: 20px;
}
.accreditation-text a {
    margin-top: 1rem;
    color: white;
} */
.bussiness-accreditations {
    border-style: none !important;
}
#modalContainer {
    background-color:rgba(0, 0, 0, 0.3);
    position:absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    z-index:10000;
    background-image:url(tp.png); /* required by MSIE to prevent actions on lower z-index elements */
}

#alertBox {
    position:relative;
    width:300px;
    min-height:100px;
    margin-top:50px;
    border:1px solid #666;
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:20px 30px;
}

#modalContainer > #alertBox {
    position:fixed;
}

#alertBox h1 {
    margin:0;
    font:bold 0.9em verdana,arial;
    background-color:#3073BB;
    color:#FFF;
    border-bottom:1px solid #000;
    padding:2px 0 2px 5px;
}

#popup-alert {
    right: .5%;
}