body {
  background-color: #006699;
  align-content: center;
}

.container{
    margin-top:5%; margin-left: 10%; margin-right: 10%; background-color: #005782; color: white; border-radius: 15px; opacity: 0.8; width: 80%; height: auto;
}

.col-sm-10{
    font-family:courier new; font-weight:bold; font-size:1.5em; text-align:center;
}

.col-sm-8 {
    font-family: courier new;
    font-weight: bold;
    font-size: 1.5em;
    text-align: center;
}
.col-sm-4 {
    font-family: courier new;
    font-weight: bold;
    font-size: 1.5em;
    text-align: center;
}

.hdlg{
    font-size:30px; 
    font-family: cursive; 
    text-align: center;
}

.carousel-inner img {
    width: auto;
    height: 100%;
    background-color: black;
}

.phdcarlg {
    font-size: 2em;
    background-color: #005782;
    color: white;
}

.ptxtcarlg {
    font-size: 1em;
    background-color: #005782;
    color: white;
}
/* definicion de estilos menulateral derecho */
.boton_share_contain{
    position: fixed;
    top: 101px;
    right: 10px;
    z-index: 99999;
}
/* estilos del menu lateral derecho 
.boton_share_contain{
    align-content: flex-end;
    position:absolute; 
    margin-right: 10px; 
    margin-top: 10px;
}*/

.img_share{
    width: 35px; 
    height: 35px;
    max-width: 100%;
}

/* If screen size is 600px wide, or less, set the font-size of <div> to 30px */
@media screen and (max-width: 600px) {
  .phdcarlg {
    font-size: 18px;
    color: white;  
  }
  .ptxtcarlg {
    font-size: 15px;
  }
  /*.container{
    margin-left: 0%;
    margin-right: 0%;
    border-radius: 0px;
    width:100%;
    height: auto;
  } */   
    .hdlg{
      font-size:20px; 
    }
    .col-sm-10{
      font-size:1em;
      padding: 5%;
    }
    .col-sm-8{
      font-size:1em;
      padding: 5%;
    }
    .img_share{
        width: 35px;
        height: 35px;
        max-width: 100%;
    }
    .container{
        margin-left: 0%;
        margin-right: 15%;
        width: 85%;
        height: auto;
    }
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    border: aqua;
    border-style: double;
    padding: 20px;
}