/* Animations */

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

/* End Animations */


/* Responsive */

/*
  ##Device = Larger desktops
  ##Screen = 2000px to higher resolution desktops
*/

@media (min-width: 2400px) {

  html {
    font-size: 120%;
  }

  body {
    background-size: 100%;
  }

}


/*
  Desktops
*/

@media (max-width: 1920px) {

  html {
    font-size: 100%;
  }



}

/*
  Smaller Desktops
*/

@media (max-width: 1650px) {

  html {
    font-size: 85%;
  }



}

/*
  Laptops
*/

@media (max-width: 1366px) {

  html {
    font-size: 65%;
  }

  body {
    background-size: 100%;
  }

}

/*
  Tablet Portrait
*/

@media (max-width: 1024px) {

html {
  font-size: 70%;
}

body {

}

.super-wrapper {
}

.super-wrapper footer {
  position: static;
  padding-bottom: 12rem;
  padding-top: 8rem;
  margin-top: 4rem !important;
}

.super-wrapper header {
  flex-direction: column;
  padding: 8rem 8rem 0 8rem;
}

.super-wrapper header .line {
  width: 100%;
}

.super-wrapper header .desc {
  width: 100%;
  padding-left: 0;
  padding-top: 4rem;
}


.super-wrapper .content-wrapper {
  display: flex;
  flex-direction: column;
  padding: 4rem 8rem 4rem 8rem;
}

.super-wrapper .content-wrapper .about-wrapper {
  display: flex;
  width: 100%;
}

.super-wrapper .content-wrapper .content-clients-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 0;
  padding-top: 4rem;
}

.super-wrapper .content-wrapper .content-clients-wrapper .client-bar {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

.super-wrapper .content-wrapper .content-clients-wrapper .client {
  display: flex;
  width: 25%;
}

.super-wrapper footer {

}


}

/*
  Tablets Landscape
*/



/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/


/*
  Phone Landscape + Portrait
*/

@media only screen
  and (min-width: 320px)
  and (max-width: 765px)

  {

  html {
    font-size: 75%;
  }

  body {

  }

  .heading {
    font-size: 4rem;
    text-align: left;
  }

  .desc {
    text-align: left;
  }

  .super-wrapper {
    height: auto;
  }

  .super-wrapper header {
    padding: 4rem 3rem 0 3rem;
    position: static;
  }

  .super-wrapper header {
  }

  .super-wrapper .content-wrapper {
    display: flex;
    padding: 3rem 3rem 1rem 3rem;
    margin-top: 0;
  }

  .super-wrapper .content-wrapper .content-clients-wrapper {
    display: flex;
    padding-bottom: 0rem;
  }

  .super-wrapper .content-wrapper .content-clients-wrapper .client {
    display: flex;
    width: 50%;
  }

  .super-wrapper footer {
    position: static;
    display: flex;
    padding-left: 3rem;
    padding-right: 3rem;
    padding-bottom: 4rem;
    background-size: 200%;
  }

  .super-wrapper footer .footer-content .logo {
    display: flex;
    justify-content: flex-start;
    height: auto !important;
    width: 100%;
    padding-top: 2rem;
  }

  .super-wrapper footer .footer-sender {
    display: flex;
    flex-direction: column;
    justify-content: flex-start !important;
    width: 100% !important;
  }

  .super-wrapper footer .footer-content {
    position: static;
    display: flex;
    flex-direction: column;
    height: auto;
  }



  .super-wrapper footer .footer-sender .box {
    display: flex;
  }

  .super-wrapper footer .footer-sender .box .title, .super-wrapper footer .footer-sender .box .data  {
  }



}


  }


/*
  Smaller Phones
*/

@media (min-width: 320px) and (max-width: 320px) {

}

/* End Repsonsive */