/* CSS 'seguranca.html'*/

/*Pag top background*/
#background-top-img{
  height: 80vh;
  width: 100%;
  background-image: url(../img/img/segurança.jpg);
  background-position: center;
  background-size: cover;
}

/*Segurança*/
.section-seguranca {
  border-radius: 10px;
}

.section-seguranca .title {
  font-size: 34px;
  font-weight: 700;
  border-bottom: 4px solid #fb7b04;
}

    /*Segurança do trabalho*/
.seg-trabalho p img {
  float: left;
  clear: left;
  width: 40vw;
  height: auto;
  border-radius: 10px;
  background-color: #999;
  border: 3px solid #042C6A;
  box-shadow: 3px 3px 3px #474747;
} 
   
.seg-trabalho p {
  text-align: justify;
  font-weight: 400;
}

    /*A Segurança do Trabalho na Energética Serranópolis*/
.seg-empresa p img {
  float: right;
  clear: right;
  width: 40vw;
  height: auto;
  border-radius: 10px;
  background-color: #999;
  border: 3px solid #042C6A;
  box-shadow: 3px 3px 3px #474747;
}

.seg-empresa p {
  text-align: justify;
  font-weight: 400;
}

@media (max-width:768px) {
  .section-seguranca .title {
    font-size: 22px;
    font-weight: 700;
    border-bottom: 4px solid #BDE549;
  }

  .seg-trabalho p img,
  .seg-empresa p img  {
    width: 100vw;
    height: auto;
  } 

  .seg-trabalho p,
  .seg-empresa p {
    margin-top: 20px;
  }

}