html, body {
  font-family: 'Gilroy', Arial, sans-serif;
  color: #717171;
  background-color: #08A6A1;
  background-image: url("data:image/svg+xml,%3Csvg width='304' height='304' viewBox='0 0 304 304' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44.1 224c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h44.1zm160 48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H82v-2h122.1zm57.8-46c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm0 16c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm6.2-114c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2zm-256-48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h12.1zm185.8 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2zM258 12.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V0h2v12.1zm-64 208c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-54.2c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9v54.2zm48-198.2c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V82h64v-2h-62V21.9zm16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V66h48v-2h-46V37.9zm-128 96c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V210h16v10.1c-2.282.463-4 2.48-4 4.9 0 2.76 2.24 5 5 5s5-2.24 5-5c0-2.42-1.718-4.437-4-4.9V208h-16v-74.1zm-5.9-21.9c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H114v48H85.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H112v-48h12.1zm-6.2 130c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H176v-74.1c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V242h-60.1zm-16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H114v48h10.1c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H112v-48h-10.1zM66 284.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V274H50v30h-2v-32h18v12.1zM236.1 176c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H274v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V146h-10.1zm-64 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H208v-80h16v-14h-42.1c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H226v18h-16v80h-12.1zm86.2-210c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H272V0h2v32h10.1zM98 101.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V144H53.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H98v-44.1zM53.9 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80V0h2v34H53.9zm60.1 3.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V64H80v64H69.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H82V66h32V37.9zM101.9 82c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H128V37.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-28.1zm16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H146v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V18h-26.1zm102.2 270c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H98v14h-2v-16h124.1zM242 149.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V162h16v30h-16v66h48v46h2v-48h-48v-62h16v-34h-16v-10.1zM53.9 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64V2H48V0h18v18H53.9zm112 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H192V0h50v2h-48v48h-28.1zm-48-48c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5 0-.342.034-.677.1-1h2.07c-.11.313-.17.65-.17 1 0 1.657 1.343 3 3 3s3-1.343 3-3c0-.35-.06-.687-.17-1H178v34h-18V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V32h14V2h-58.1zm0 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H137l32-32h39V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V66h-40.172l-32 32H117.9zm28.1 90.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-76.513L175.586 80H224V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-49.586L146 112.414V188.1zm16 32c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-99.513L184.586 96H300.1c.398-1.96 1.94-3.502 3.9-3.9v2.07c-1.165.413-2 1.524-2 2.83s.835 2.417 2 2.83v2.07c-1.96-.398-3.502-1.94-3.9-3.9H185.414L162 121.414V220.1zm-144-64c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-3.513l48-48V48h32V0h2v50H66v55.413l-48 48v2.687zM50 53.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v42.686l-48 48V210h28.1c.463 2.282 2.48 4 4.9 4 2.76 0 5-2.24 5-5s-2.24-5-5-5c-2.42 0-4.437 1.718-4.9 4H2v-62.586l48-48V53.9zm-16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v18.686l-32 32v2.828l34-34V69.9zM12.1 32c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H9.414L0 43.414v-2.828L8.586 32H12.1zm265.8 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h18.686L304 40.586v2.828L297.414 50H277.9zm-16 160c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H288V136.587l16-16v2.827l-14 14V210h-28.1zm-208 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64v-22.586L40.586 194H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.513L66 216.586V242H53.9zm150.2 14c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H96v-56.598L56.598 162H37.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.502L98 200.598V256h106.1zm-150.2 2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80v-46.586L48.586 178H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h27.513L82 208.586V258H53.9zM97 100c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-48 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 96c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-144c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM49 36c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM33 68c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 240c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm80-176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm112 176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 180c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 84c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 39.793V0h-2v40.586L8.586 64H0v2h9.413L34 41.414v-1.62zM2 300.1V258h14v46h2v-48H0V302.17c.313-.11.65-.17 1-.17 1.306 0 2.417.835 2.83 2H5.9c-.398-1.96-1.94-3.502-3.9-3.9zM34 241v63h-2v-62H0v-2h34v1zM17 18h1V0h-2v16H0v2h17zm273-2V0h-2v18h16v-2h-14zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1c.323-.066.658-.1 1-.1 2.76 0 5 2.24 5 5s-2.24 5-5 5c-.342 0-.677-.034-1-.1v-2.07c.313.11.65.17 1 .17 1.657 0 3-1.343 3-3s-1.343-3-3-3c-.35 0-.687.06-1 .17V92.1zM80 272h2v32h-2v-32zm37.9 32c-.463-2.282-2.48-4-4.9-4-2.42 0-4.437 1.718-4.9 4h2.07c.413-1.165 1.524-2 2.83-2s2.417.835 2.83 2h2.07zM5.9 0c.066.323.1.658.1 1 0 2.76-2.24 5-5 5-.342 0-.677-.034-1-.1V3.83C.313 3.94.65 4 1 4c1.657 0 3-1.343 3-3 0-.35-.06-.687-.17-1H5.9zm294.2 0c-.066.323-.1.658-.1 1 0 2.42 1.718 4.437 4 4.9V3.83c-1.165-.413-2-1.524-2-2.83 0-.35.06-.687.17-1h-2.07zm3.9 300.1c-1.96.398-3.502 1.94-3.9 3.9h2.07c.302-.852.978-1.528 1.83-1.83v-2.07z' fill='%23043b39' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E"); 
    
}

@font-face { 
  font-family: 'Gilroy';
  src: url('fonts/gilroy-extrabold-webfont.eot'); /* IE9 Compat Modes */
  src: url('fonts/gilroy-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/gilroy-extrabold-webfont.woff') format('woff'),
  url('fonts/gilroy-extrabold-webfont.ttf') format('truetype'),
  url('fonts/gilroy-extrabold-webfont.svg') format('svg');
}

.top-text, .bottom-text {
  position: relative;
  z-index: 9;
  color: #FEFDFB;
  font-size: 90px;
  text-align: center;
  background-color: #000;
}

.top-text {
  padding: 20px 0px 18px 0px;
  margin-bottom: 0px;
  margin-top: 180px;
}

.bottom-text {
  font-size: 35px;
  padding: 15px 0px 12px 0px;
}

/* .bottom-text:after stops the black box from disappearing when typed.js removes the strings */
.bottom-text:after {
  content: ".";
  color: #000;
  font-size: 1px;
}

.logo-label {
  height:100px;
  width: 71px;
  background-color: #08A6A1;
  z-index: 10;
  -webkit-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.66);
  -moz-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.66);
  box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.66);
  position: fixed;
  padding-top: 10px;
  -webkit-transition:background 0.5s ease;
  -moz-transition:background 0.5s ease;
  -o-transition:background 0.5s ease;
  transition:background 0.5s ease;
}

.logo-label:hover, .logo-label:focus, .logo-label:active {
  cursor: pointer;
  background-color: #043b39;
}

.logo-label img {
  margin-top: 10px;
  margin-left: 13px;
  margin-right: 13px;
  width: 45px;
}

.logo-label span {
  color: #fff;
  margin-left: 13px;
  margin-top: 10px;
  font-size: 17px;
}

.header-logo {
  height: 40px;
  margin-top: -5px;
}

.header-nav {
  float: right;
  margin-top: 0px;
}

.header-nav li {
  display: inline;
  list-style: none;
  font-size: 20px;
  margin-left: 30px;
  color: #08A6A1;
  font-family: 'Roboto', sans-serif;
  transition: all 0.3s;
  visibility: visible;
}

.header-nav li:hover {
  color: #043b39;
  cursor: pointer;
  transition: all 0.3s;
}

.header-nav li a {
  margin: 0;
  text-decoration: none;
}

.page-header {
  color: #FEFDFB;
  font-size: 28px;
  text-align: center;
  background-color: #000;
  padding: 15px 0px 12px 0px;
  margin-top: 80px;
  border: none;
}

.info {
  min-height: 600px;
  background-color: #FEFDFB;
  padding-bottom: 68px;
}

.info img {
  width: 100%;
  margin-bottom: 20px;

}

.info-header {
  background-color: #08A6A1;
  padding: 10px;
  text-align: center;
  margin: 0px 0px 15px 0px;
  color: #fff;
}

.card {
  margin-top: 20px;
}

p {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  word-wrap: break-word;
}

ul {
  padding-left: 20px;
}

.info li:first-child {
  font-size: 16px;
  color: #000;
}

.info li:last-child {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  word-wrap: break-word;
  list-style: none;
  border-left: 1px solid #717171;
  margin-left: -15px;
  padding-left: 14px;
  padding-bottom: 20px;
  margin-bottom: -15px;
}

.no-line {
  border-color: #FEFDFB !important;
}

.work {
  min-height: 1000px;
  padding-bottom: 80px;
}

.project-top-large {
  width: 100%;
  min-height: 180px;
  background-color: #FEFDFB;
  padding: 20px 30px 20px 30px;
  top:0;
  width:100%;
  background-position: 50% 0%;
  background-size: calc(100% + 50px);
}

.top-project {
  background-color: #fff;
  width: 100%;
  padding: 30px;
  margin-bottom: 0px;
}

.main-projects {
  background-color: #fff;
  width: 100%;
  padding: 30px;
  min-height: 385px;
}

h4 {
  margin-top: -25px;
  color: #08A6A1;
  font-size: 18px;
}

h2 {
  color: #000;
  margin-top: 11px;
  font-size: 32px;
}

h5 {
  font-size: 32px;
  text-align: center;
  margin: 85px 0px 0px 0px;
  color: #FEFDFB;
  background-color: #000;
  padding: 10px 0px 8px 0px;
}

button, input[type="submit"] {
  border: none;
  background-color: #08A6A1;
  padding: 15px;
  color: #FEFDFB;
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
    -webkit-transition:background 0.5s ease;
  -moz-transition:background 0.5s ease;
  -o-transition:background 0.5s ease;
  transition:background 0.5s ease;
}

.project-break {
  min-height: 300px;
  background-color: #000;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-image: url("../img/paramount-bw.jpg");
}

.footer-top {
  background-color: #043b39;
  height: 40px;
}

a {
  color: #08A6A1;
  font-size: 20px;
  margin-right: 20px;
}

a:hover, a:focus, a:active {
  color:#043b39;
}

footer {
  background-color: #032726;
  margin-top: 80px;
  padding-bottom: 70px;
  min-height: 300px;
}

footer p {
  margin: 10px 0px 0px 0px;
}

h6 {
  font-size: 28px;
  margin: 80px 0px 10px 0px;
  color: #08A6A1;
}

.footer-bottom a {
  color: #fff;
  font-family: 'Roboto', sans-serif;
  text-decoration: none;
  display: block;
  margin-bottom: 10px;
  transition: 0.3s;
  width: 3em;
}

.footer-bottom a:hover {
  opacity: 0.5;
  transition: 0.3s;
}

.footer-bottom p a, .social p a {
  margin:0px;
  display: inline;
  font-size: 18px;
}

@-webkit-keyframes button {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@keyframes button {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

button:hover, button:focus, button:active {
  -webkit-animation-name: button;
  animation-name: button;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  background-color: #043b39;
}

.middle {
  margin: 0px;
}

header {
  padding-top: 20px;
}


header span {
  font-size: 20px;
  float: right;
  margin-top: -34px;
  visibility: hidden;
}

.project-head {
  height: 300px;
  background-color: #000;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  margin-top: -50px;
}

.project-top-info {
  min-height: 200px;
  background-color: #fff;
  margin-top: -150px;
  padding: 30px;
  margin-bottom: 40px;
}

.project-info {
  min-height: 200px;
  background-color: #fff;
  padding: 30px;
  margin-bottom: 30px;
}

.project-info img {
  width: 100%;
  margin: 20px 0px 20px 0px;
}

.project-info h4 {
  margin: 0;
}

.project-info video {
  width: 100%;
}

.back-project {
  width: 100%;
  height: 78px;
  background-color: #032726;
  color: #FEFDFB;
  margin-bottom: 30px;
  text-align: left;
  margin-top: 0;
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  padding-left: 30px;
 /*CSS transforms*/
 -o-transform: none !important;
 -moz-transform: none !important;
 -ms-transform: none !important;
 -webkit-transform: none !important;
 transform: none !important;
 /*CSS animations*/
 -webkit-animation: none !important;
 -moz-animation: none !important;
 -o-animation: none !important;
 -ms-animation: none !important;
 animation: none !important;
}

.mobile-nav, .mobile-nav li {
  display: none;
}

.contact {
  width: 100%;
  background-color: #FEFDFB;
  min-height: 200px;
  padding: 30px;
  margin-bottom: 30px;
}

.contact h4 {
  margin: 0;
}

.about-me {
  width: 100%;
  background-color: #FEFDFB;
  padding: 30px;
  margin-bottom: 30px;
}

.about-me img {
  width:100%;
}

.about-me-info {
  margin: 20px 0px 0px 0px;
}

form input, form textarea {
  width: 100%;
  margin-bottom: 30px;
  outline: none;
}

input, label {
  display: block;
}

input[type="text"], input[type="email"] {
  height: 50px;
  padding-left: 10px;
  font-family: 'Roboto', sans-serif;
  color: #717171;
  font-size: 16px;
  border: 3px solid #d4d4d4;
  border-radius: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type="text"]:focus, input[type="email"]:focus, textarea:focus { 
    background-color: #ffffe6;
    border-color: #08A6A1;
}

input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active {
  background-color: #043b39;
}

textarea {
  height: 100px;
  padding: 10px;
  font-family: 'Roboto', sans-serif;
  color: #717171;
  font-size: 16px;
  border: 3px solid #d4d4d4;
  border-radius: none;
    -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

label {
  color: #08A6A1;
  font-size: 18px;
  margin-bottom: 15px;
}

@media (max-width: 991px) {

.head {
  text-align: center;
}

  .middle {
    margin: 60px 0px 60px 0px;
  }

  .top-text {
    font-size: 45px;
    padding: 10px 0px 8px 0px;
  }

  .bottom-text {
    font-size: 20px;
    padding: 15px 0px 8px 0px;
  }

  .card {
    -webkit-box-shadow: 1px 5px 5px -4px rgba(0,0,0,0.10);
  -moz-box-shadow: 1px 5px 5px -4px rgba(0,0,0,0.10);
  box-shadow: 1px 5px 5px -4px rgba(0,0,0,0.10);
  padding: 0px 20px 20px 20px;
  }

  h2 {
    font-size: 25px;
    line-height: 1.3em;
  }

  h4 {
    margin-top: -20px;
  }

  .header-nav {
  margin-top: -35px;
}
}

@media (max-width: 320px) {
  .top-text {
  padding: 10px 0px 7px 0px;
  margin-bottom: -5px;
  margin-top: 130px;
  font-size: 32px;
}

.bottom-text {
  font-size: 17px;
  padding: 10px 0px 4px 0px;
}

.project-top-large {
  background-size: calc(100% + 110px);
}
}

@media (min-width: 321px) and (max-width: 375px) {
  .top-text {
  padding: 10px 0px 9px 0px;
  margin-bottom: -5px;
  margin-top: 130px;
  font-size: 39px;
}

.bottom-text {
  font-size: 17px;
  padding: 10px 0px 4px 0px;
}

.project-top-large {
  background-size: calc(100% + 110px);
}

.glitch-container {
  padding-bottom: 120px;
}
}

@media (max-width: 520px) {

  .mobile-nav {
    float: left;
    position: absolute;
    background-color: #FEFDFB;
    width: 100%;
    margin-left: -15px;
    z-index: 10;
    -webkit-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.66);
    -moz-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.66);
    box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.66);
    margin-top: -14px;
    color: #08A6A1;
  }

  .mobile-nav a {
    text-decoration: none;
    margin: 0;
  }

  .mobile-nav a li {
    display: block;
    margin-left: -20px;
    padding: 30px 0px 30px 25px;
    font-family: 'Roboto', sans-serif;
    transition: all 0.3s;
  }

  .mobile-nav a li:hover {
    background-color: #043b39;
    color: #FEFDFB;
    transition: all 0.3s;
  }

  #overlay-mob {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */    
    height: 100%;
    width: 100%;
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    background-color: #032726;
    opacity: 0.7;
    overflow-y: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
    text-align: left;
    display: none;
}

  header span {
    visibility: visible;
    cursor: pointer;
  }

  .header-nav {
    display: none;
  }

  #header-nav-close-button {
    display: none;
  }

  .back-project {
  margin-top: -10px;
}

h5 {
  font-size: 25px;
}
}

@media (min-width: 769px) and (max-width: 1024px) {
  .top-text {
    font-size: 75px;
  }

  .bottom-text {
    font-size: 30px;
  }
}

@media (min-width: 426px) and (max-width: 991px) {
  .top-text {
    margin: auto;
    margin-top: 180px;
    width: 8em;
    font-size: 65px;
  }

  .bottom-text {
    margin: auto;
    width: 15em;
    margin-top: 8px;
    font-size: 23px;
  }

}

@media (min-width: 1025px) and (max-width: 1199px) {
  .top-text {
    font-size: 75px;
  }

  .bottom-text {
    font-size: 30px;
  }

}

@media (min-width: 426px) and (max-width: 568px) {
  .top-text {
    font-size: 45px;
  }

  .bottom-text {
    font-size: 20px;
  }

}

@-moz-document url-prefix() { 

  .info li:last-child {
  margin-left: -12px;
}
}

@media (min-width: 425px) and (max-height: 848px) {
  #social-hidden {
    display: none;
  }
}

@media (min-width:769px) and (max-width: 991px) {
  .header-nav {
    margin-top: -35px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .header-nav {
    margin-top: -28px;
  }
}

@media (max-width: 1024px) {
  .project-break {
  min-height: 300px;
  background-color: #000;
  background-image: url("../img/paramount-bw.jpg");
  background-attachment: scroll;
}

.project-head {
  background-attachment: scroll;
}
}