body {
  background: #662d91;
  animation: opening 1.5s ease-in-out forwards;
  -webkit-animation: opening 1.5s ease-in-out forwards; }

Main .activities {
  width: 100%;
  background: url("../Images/intro-img.png");
  background-size: cover;
  background-position: center; }
  Main .activities .activities-wrapper {
    position: relative; }
    Main .activities .activities-wrapper .card-info {
      color: white;
      font-family: "Lato", sans-serif;
      min-height: 65vh;
      max-width: 500px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      Main .activities .activities-wrapper .card-info h3 {
        font-size: 1.4em;
        padding: 1rem 1rem 0rem 1rem; }
      Main .activities .activities-wrapper .card-info p {
        font-size: 1em;
        line-height: 1.4;
        font-weight: lighter;
        padding: 1em; }
  Main .activities .footer {
    width: 100%;
    text-align: end; }
    Main .activities .footer .logo-planit img {
      width: 20%; }

@media (min-width: 800px) {
  Main .activities .activities-wrapper {
    text-align: right; }
    Main .activities .activities-wrapper .card-info {
      min-height: 80vh;
      display: inline-flex; }
      Main .activities .activities-wrapper .card-info h3 {
        font-size: 2.4em; }
      Main .activities .activities-wrapper .card-info p {
        font-size: 1.2em; } }

@keyframes opening {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }