html {
  font-size: 14px;
}

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

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

.navbar {
    background-color: #00255c;
}

body {
  margin-bottom: 1px;
}

a {
    text-decoration: none !important;
}

main {
    margin-top: 0px;
    padding: 20px;
    min-height: 40vw;
}

.pullUp10 {
    margin-top: -10px;
}

.pullUp30 {
    margin-top: -70px;
}

.pullUp60 {
    margin-top: -60px;
}


.shiftLeft {
    margin-left: -140px;
}

.pushdown30 {
    margin-top: 30px;
}

.pushdown60 {
    margin-top: 60px;
}


@media (min-width: 768px) {
    .main {
      
        padding-right: 40px;
        padding-left: 40px;
        overflow-x: auto;
    }

}

.softenColor7 {
    opacity: .7;
}

.softenColor8 {
    opacity: .8;
}

.softenColor9 {
    opacity: .9;
}

.blueBackground {
    background: #00255c !important;
    color: white;
}
 
.text-maroon{
    color:maroon;
}

.searchbox1 {
    width: 100%;
 
}

video {
    width: 100% !important;
    height: auto !important;
    border: 1px solid #808080;
}

input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}

.map_container {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 1000px;
    max-height: 75%;
    padding-top: 75%;
}

.map_iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}