/* Document variables */

html { 
    font-size: 1rem;
    font-weight: 400;
  }
  
  body {
    font-family: 'Raleway', 'Helvetica', sans-serif;
    line-height: 1.7rem;
    color: #262626;
  }
  
  :root {
  --overlay-color: rgba(24, 39, 51 , 0.85);
  --menu-speed: 0.75s;
  }
  
  * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  }
  
  a {
  color: #262626;
  text-decoration: none;
  }
  
  ul {
  list-style: none;
  }

  /* Text across the document */

h2,
p {
font-family: 'Raleway', 'Helvetica', sans-serif;
text-align: left;
color: #4F4D4D;
} 

h2 {
  font-size: 1.2rem;
  font-weight: 600;
}
  
  /* import Google fonts */
  
  @font-face {
      font-family: 'Raleway';
      font-style: italic;
      font-weight: 600;
      font-display: swap;
      src: local('Raleway SemiBold Italic'), local('Raleway-SemiBoldItalic'), url(https://fonts.gstatic.com/s/raleway/v14/1Ptpg8zYS_SKggPNyCgwkqV_AtCb71ka4Q.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    
    @font-face {
      font-family: 'Raleway';
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v14/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    
    @font-face {
      font-family: 'Raleway';
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: local('Raleway Medium'), local('Raleway-Medium'), url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwN4rWqZPANqczVs.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    
    @font-face {
      font-family: 'Raleway';
      font-style: normal;
      font-weight: 600;
      font-display: swap;
      src: local('Raleway SemiBold'), local('Raleway-SemiBold'), url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwPIsWqZPANqczVs.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    
    @font-face {
      font-family: 'Raleway';
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: local('Raleway Bold'), local('Raleway-Bold'), url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwJYtWqZPANqczVs.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    @font-face {
        font-family: 'Raleway';
        font-style: italic;
        font-weight: 300;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/raleway/v19/1Ptsg8zYS_SKggPNyCg4TYFqL_KWxQ.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
      }
    
  /* 90% page container */
  
  .container {
    width: 90%;
    max-width: 1100px;
    margin: auto;
  }
  
  /* Header & nav elements */
  
  .home-link {
    z-index: 10;
  }
  
  .main-nav {
      position: relative;
    }
    
    .navContainer {
      position: absolute;
      width: 100%;
    }
    
    .main-nav ul.deskNavMenu {
      display: flex;
      flex: 1;
      justify-content: flex-end;
      flex-wrap: nowrap;
      font-size: 1.2rem;
      font-family: 'Raleway', 'Helvetica', sans-serif;
      font-weight: 300; 
      letter-spacing: 0.15rem; 
      }
    
      .main-nav ul li a:hover {
        border-bottom: 1px solid #262626;
      }
    
    .main-nav ul {
      display: flex;
    }
    
    .main-nav ul li {
      padding: 0 10px;
      align-items: right;
    }
    
  .main-nav {
      background-color: white;
      display: flex;
      position: relative;
      width: 100%;
      z-index: 5;
    }
  
    h1.tippingPointText {
      font-family: 'Raleway', 'Helvetica', sans-serif;
      font-weight: 600;
      display: flex;
      position: relative; 
      font-size: 1.4rem;
      letter-spacing: 0.15rem;
      color: black;
      margin-left: 0rem;
    }
  
    .main-nav .tippingPointLogo {
      margin: 1.5rem 1rem 1rem 0rem;
      display: flex;
      align-items: center;
    }
    
    .navContainer {
      margin-top: 1.52rem;
    }
  
    @media only screen and (max-width: 900px) {
      .main-nav ul.deskNavMenu {
        display: none;
      }
  }

  .deskNavMenu > li:last-child {
    margin-right: 0px;
    padding-right: 0px;
  }
  

/* Page title */


.pageTitle h1 {
  font-family: 'Raleway', 'Helvetica', sans-serif;
  font-size: 1.4rem;
  font-weight: 300;
  color: black;
  margin-left: 0rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  letter-spacing: 0.15rem;
  line-height: 3rem;
}



/* Bullet point list formatting */

ul.experienceList {
    list-style-type: disc;
    list-style-position: outside;
    padding-left: 15px;
  }

p.testamonial { 
    font-weight: 300;
    font-style: italic;
}

/* In line underlined text */

#underline {
  text-decoration: underline;
}


/* Experience text link color */


a.experienceBodyLink {
    color: #007fff;
}
  
  
  /* Project grid */
  
.experienceGrid > div {
      padding: 0rem 0rem 1.2rem;  
  } 
  
  .experienceGrid {
      grid-gap: 2rem;
      font-family: 'Raleway';
      font-size: 1rem;
      line-height: 1.7rem;
      letter-spacing: 0.1rem;
      color: #444444;
  }
  
.h3 {
  font-size: 1.4rem;
  margin-bottom: 1.4rem;
  margin-bottom: 1.4rem;
}

.experienceGrid p {
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
}


.experienceGrid ul {
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  line-height: 2.2rem;;
}

/* Testamonial grid */


@media only screen and (min-width:650px) {
  .testamonialGrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: minmax(100px auto);
    row-gap: 2rem;
    column-gap: 2rem;
    line-height: 2.2rem;
  }
}

@media only screen and (max-width:649px) {
  .testamonialGrid {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      grid-template-rows: minmax(100px auto);
      line-height: 2.2rem;
  }
}


p.testamonial {
  margin-bottom: 2rem;
}

#mBlock1 {
  order: 1;
}

#mBlock2 {
  order: 2;
}

#mBlock3 {
  order: 3;
}

#mBlock4 {
  order: 4;
}

#mBlock5 {
  order: 5;
}

#mBlock6 {
  order: 6;
}

#mBlock7 {
  order: 7;
}

#mBlock8 {
  order: 8;
}

/* Page footer */
  
  .footerIcon {
    display: inline-block;
    z-index: 3;
  }
  
  .footer {
    font-family: 'Raleway', 'Helvetica', sans-serif;
    background-color: #666666;
    width: 100%;
    height: 140px;
    position: relative;
    z-index: 2;
    flex-shrink: 0; /* might delete */
    margin-top: 1rem;
  }
  
  div.footerIconContainer {
    width: 20rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  
  .footer h2 {
    color: white;
    font-weight: 200;
    font-size: 1rem;
    letter-spacing: 0.1rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 24px 0px 22px 0px;
  }