div.loaderPetroprix {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  margin-top: 50px;
}

div.loaderPetroprix.small {
  width: 100%;
  margin-left: 40%;
}

div.loaderPetroprix img {
  position: fixed;
}

div.loaderPetroprix img.letter {
  height: 40px;
  margin-top: 21px;
  margin-left: 2px;
}

div.loaderPetroprix img.circle {
  height: 75px;
}

.circle {
  animation: rotateP 2s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite;
}

@keyframes rotateP {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(-360deg);
  }
}