html {
  font-size: 14px;
  color: white;
  overflow-x:hidden;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
    overflow-x:hidden;
    max-width:1920px !important;
    margin:auto;
}
nav {
    max-width: 1920px !important;
}
@media(min-width: 1200px) {
    .container {
        max-width:1320px !important;
    }
}
@media(min-width: 1200px) and (max-width:1400px) {
    .img-cream {
        margin-right: 6% !important;
    }
}
@media(min-width: 1401px){
    .img-cream {
        margin-right: 22% !important;
    }
    .wrap-1{
        margin-top:35px;
    }
    .p-con-bigger{
        margin-left:10% !important;
    }
}




nav, footer {
    background-color: rgb(13 148 136);
    color: white !important;
    z-index: 10;
}
    footer p {
        color:white !important;
    }

    nav a {
        color: white !important;
    }

#mainCon {
    
    
}
#mainCon {
    background: url('/images/main-img.jpg');
    background-repeat: no-repeat;
    background-size: 1200px 800px;
    background-size: cover;
    background-position: 0% 50%;
    padding: 150px 10% 10% 10%;
    border-bottom: 5px solid rgb(45 212 191);
}

#mainCon .p-con {
    margin-left:auto;

}

h2,h3 {
   font-size:larger;    
   text-align:left;
}
p {
    text-align:left;
}


.p-con {
    padding: 1rem;
    border-radius: 5px;
    box-shadow: 10px 10px 30px lightgray;
    width: 600px;
    background: rgba(255,255,255,0.8);
    align-self: baseline;
    border-left: solid 2px rgb(45 212 191);
    
}
.mt-p {
    margin-top:11%;
}

.ml-5 {
    margin-left:8%;
}
.stroke {
    width:120px;
    
}
.att-con {
    text-align:center;
    margin:60px auto;
    padding: 30px 0;
    width:50%;
   border-top: solid 1px;
   border-bottom: solid 1px;
}
.img-cream {
    margin-left:auto;
    margin-right:8%;
    width:300px;
    opacity:0.05;
}
.p-con-bigger {
    width:700px;
}
table tr td {
    padding-right:100px;
    padding-bottom:10px;
}
@media(max-width:1200px) {
    .ordHod-con{
        flex-direction:row !important;
    }
    .map {
        margin-top: 40px !important;
        width:600px;
        margin: auto;
    }
    .map-con {
      
        display:block !important;
    }
    .p-con {
        width:400px !important;
    }
    table tr td {
        padding-right: 60px;
        padding-bottom: 10px;
    }
}


@media(max-width:830px) {

    .first-con {
        display:block !important;
    }

    .first-con .p-con {
       margin-top:20px !important;
       margin:auto;
    }
    .d-flex {
   display:block !important;
   margin:auto !important;
    }
    .p-con-bigger {
        margin:40px auto !important;
    }
    img {
        width:220px !important;
        margin:auto 35% !important;
    }
    .map-con {
        display: block !important;
    }

    .p-con {
        width: 400px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom:30px;
    }
    .map {
        width:300px !important;
    }
    .map iframe {

        width:300px !important;
        height:300px !important;
    }
    table tr td {
        padding-right: 60px;
        padding-bottom: 10px;
    }
    footer p {
        margin: 0 !important;
        padding-bottom: 20px !important;
    }
}



@media (min-width: 768px) {
    .container{
        max-width: 960px;
    }
}

@media (max-width: 480px) {
    .img-cream {
        margin: auto 25% !important;
    }
    .navbar-brand {
        font-size:0.9rem !important;
    }

   
}
@media (max-width: 425px) {
    li,p {
        font-size:0.9rem !important;
    }
    #mainCon .p-con{
        padding-left:10px !important;
        width:340px !important;
    }
    .p-con {
        width:380px !important;
    }
}

    @media (min-width: 768px) and (max-width:992px) {
        .navbar-expand-md .navbar-toggler {
            display: unset !important;
        }

        .navbar-expand-md .navbar-nav {
            flex-direction: column !important;
        }

        .collapse:not(.show) {
            display: none !important;
        }
    }

    .navbar-toggler {
        background: rgb(15 118 110);
    }

    .navbar-toggler-icon {
        width: 30px !important;
        height: 30px !important;
    }

        .navbar-toggler-icon div {
            width: 30px;
            height: 3px;
            background-color: black;
            margin: 4px 0 0 0;
        }