* {
  box-sizing: border-box;
  font-family: 'Century Gothic', sans-serif;
}

::-moz-selection {
  background: #007AC4;
  text-shadow: none;
}

::selection {
  background: #007AC4;
  text-shadow: none;
}

body {
  overflow-x: hidden;
  margin: 0 auto;
  box-sizing: border-box;

}

#about-intro {
  height: 100px;
  width: 100vw;
  display: block;
  /* position: absolute; */
}

#about-intro .content img {
  z-index: 5;
  position: absolute;
  top: 65px;
  left: 50%;
  width: 80px;
  transform: translate(-50%, -50%);
}


 .par {
   position: absolute;
   display: inline-block;
   color: #5D5D5D;
   font-size: 30pt;
   font-weight: 400;
   letter-spacing: 2pt;
   text-align: left;
   width: 100vw;

   margin-top: 35px;
   margin-bottom: 50px;


   /* max-width: 1200px; */
   padding: 50px;

 }

 @media only screen and (max-width: 900px) {

   .par {
     font-size: 22pt;
   }

 }

 @media only screen and (max-width: 500px) {

   .par {
     font-size: 16pt;
     margin-top: 10px;
     padding: 30px;

   }

 }
   /*

   #about-intro .content img {
     position: absolute;
     top: 40px;
     left: 50%;
     width: 55px;
     transform: translate(-50%, -50%);
   }
 }

 @media only screen and (max-width: 650px) {

   .par {
     padding: 20px;
     font-size: 3vw !important;
   }
 }

 @media only screen and (max-width: 400px) {

   .par {
     padding: 20px;
     font-size: 4vw !important;
   }
 }

 @media only screen and (max-height: 720px) {

   .par {
     padding: 20px;
     font-size: 4vh;
   }
 } */