.dashboard-ufpr{
  background-color: #ffffff;
  height: 780px;
  padding: 2rem 0rem 2rem 0rem;
  justify-content: center;
  display: flex;
  width:100%;
  text-align:center;
}

.dashboard-ufpr .container{
  justify-content: center;
  display: flex;
  vertical-align:middle;
  align-items: center;
  display: flex;
}

.dashboard-ufpr__iframe{
  width: 1600;
  height: 800;
  position:absolute;
  clip:rect(0px,1600px,740px,0px);
}

.dashboard-ufpr iframe{
  display: block;
  border-style:none;
}

@media (max-width: 300px) {
  .dashboard-ufpr{
    height: 200px;
    padding: 2rem 0rem 2rem 0rem;
  }
  .dashboard-ufpr__iframe{
    width: 200;
    height: 300;
    clip:rect(0px,300px,130px,0px);
    margin-top: 100px;
  }
}

@media (max-width: 1000px) {
  .dashboard-ufpr__iframe{
    margin-top: 100px;
  }
}

@media (min-width: 300px) and (max-width: 400px) {
  .dashboard-ufpr{
    height: 280px;
    padding: 2rem 0rem 2rem 0rem;
  }
  .dashboard-ufpr__iframe{
    width: 320;
    height: 300;
    clip:rect(0px,300px,180px,0px);
  }
}

@media (min-width: 400px) and (max-width: 600px) {
  .dashboard-ufpr{
    height: 300px;
    padding: 2rem 0rem 2rem 0rem;
  }
  .dashboard-ufpr__iframe{
    width: 390;
    height: 300;
    clip:rect(0px,300px,215px,0px);
  }
}

@media (min-width: 600px) and (max-width: 900px) {
  .dashboard-ufpr{
    height: 400px;
    padding: 2rem 0rem 2rem 0rem;
  }
  .dashboard-ufpr__iframe{
    width: 550;
    height: 400;
    clip:rect(0px,550px,308px,0px);
  }
}

@media (min-width: 900px) and (max-width: 1400px) {
  .dashboard-ufpr{
    height: 600px;
    padding: 2rem 0rem 2rem 0rem;
  }
  .dashboard-ufpr__iframe{
    width: 800;
    height: 550;
    clip:rect(0px,800px,445px,0px);
  }
}

.noHover{
  pointer-events: none;
}