html {
  font-size: 14px;
}

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

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

body {
  margin-bottom: 60px;
  margin-left: 0px;
  margin-right:10px;
  background: center;
  border-right-color:black;

}
.contenedor {
     display:flex;
    justify-content: center;
}


img, svg {
    vertical-align: middle;
}

*, after, before {
    box-sizing: border-box;
}

*, after, before {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: var(--bs-font-sans-serif);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    color:#0dcaf000;
    background-color: #00ffff;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: #00ffff;
}


*{
margin:0;
padding:0;
box-sizing:border-box;
}

body {
font-family:Arial, Helvetica, sans-serif;

}

.body {
    background-color:#00ffff!important;
}
.img_space {
    margin-right:100px;
}
.main_header{
    margin-top:20px;
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color:#00ffff;
}

li {
    float: left;
}

    li a {
        display: inline-block;
        color:#0dcaf000;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
    }

   li a:hover {
   background-color:#00ffff;
    }

.active {
    background-color:#00ffff;
}
a{
    color:#0d6cfd;
    text-decoration:underline;
}
.text-muted{
    --bs-text-opacity:1;
    color:#0d6cfd!important;
}
.birder-top {
    border-top: 1px solid #232324 !important;
}

nav {
    border: 1px solid #ccc;
}
@media (max-width: 991.98px) {
    .nav-vertical {
        border: 1px solid #ccc;
        right: -301px;
        position: absolute;
        width: 300px;
        top: 57px;
        transition: all .2s ease-out;
    }
    .active {
        right: -1px;
    }
}