@media screen and (max-width:959px) {
    .bg_header{
        font-size: 70%;
        height: 600px;
    }

    .bg_header h3{ 
        text-align: left;
        text-align-last: left;
        text-justify: inherit;
        max-width: 450px;
    }

    .bg_corpo p{
        font-size: 1.2em; 
    }
    
    .bg_corpo h1 {
        font-size: 1.8em; 
      }

      .color_fff p{
        width: 80%;
        text-align: left;
        position: relative;
        top: -3px;
        font-size: 0.54em;
      }

      .table-style table tr{
          padding: 10px 0px;
          border-bottom: 1px solid #ff446b;
      }

      .table-style table tr :first-child{ 
        text-align: left;  
    }

   
      .table-style table tr .tema{
          width: 100%;
      }
      .table-style table tr .horario h1, .table-style table tr .tema h1{
        position: relative;
        left: 0%;
      }

      .certificado{
        position: relative !important;
        bottom: 0px;
        left: 0%;
        margin-top: 25px;
      }
   
}

@media screen and (max-width:750px) {
    .bg_corpo{
        position: relative;
        background-size: 200% 100%;
        background-position: center;
    }
}