@font-face {
  font-family: roboto;
  src: url('https://familieswithafuture.com/fuentesttf/Roboto-Regular.ttf'),
    url('https://familieswithafuture.com/fuentesttf/Roboto-Regular.ttf');

}

/*@font-face {
  font-family: roboto;
  src: url('../fonts/Roboto-Regular.ttf'),
    url('../fonts/Roboto-Regular.ttf');
}*/

.size16 {
  font-size: 16px;
}

.videosinfo {
  color: #0078D7;
  font-weight: bolder;
  font-size: 2em;
}

/*.colorRojo2011 {
  display: inline-block;
  font-size: 20px;
  color: #ed1b24;
  font-weight: bold;
  background-color: rgb(114, 42, 42);
  color: yellow;
  border-radius: 10px;
  padding: 0px 5px 0px 5px;

}*/

.colorNego18 {
  font-size: 18px;
  color: white;
  font-weight: normal;
  text-align: justify;
  border-radius: 8px;
  background-color: rgb(114, 42, 42);
  padding: 0px 5px 0px 5px;

}

.size18 {
  font-size: 18px;
  color: yellow;
  font-style: italic;

}

.roboto1210 {
  font-family: 'roboto';
  font-size: 1.2rem;
  color: black;
  text-align: center;
  font-weight: 600;
}

.estiloItalica {
  font-style: italic;
}

.noBorder {
  border: none !important;
}


.boxImgs {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 300px;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.6);
    background: #000;
    text-align: center;    
}

@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {

  /* Force table to not be like tables anymore */
  table,
  thead,
  tbody,
  th,
  td,
  tr {
    display: block;
  }
  .boxImgs {
     max-width: 350px;
 
}

  .roboto1210 {
    font-size: 1.1rem;
    
  }
  /*.colorRojo2011{
    font-size: 1.1rem;
  }*/
}