ul, ul li {
  margin-left: 0px !important;
  padding-left: 1rem !important;
  list-style-type: square;
}


/*************Universal*************/

.content {
  padding:0;
}

hr {
  border: none;
  height: 1.5px;
  background: #C4BFC0;
}

.section-height {
  height: 80vh;
}

.projects-space {
  margin-bottom: 3rem;
  margin-top: 3rem;
}

.center {
  text-align: center;
}

.width {
  width: 100%;
}

.no-padding {
  padding: 0;
}

.no-padding-right {
  padding-right: 0;
}

.no-padding-left {
  padding-left: 0;
}

ul {
  font-size: 1.2rem;
}

.uppercase {
  text-transform: uppercase;
}

.bolded {
  font-weight: 700;
}

.top-section {
  padding: 1.125rem 1.063rem 1.25rem 1.063rem;
}

.img-section {
  padding-top: 15px;
  /* display: block; */
  text-align: center;
}

.box-black {
  text-transform: uppercase;
  font-size: 0.7rem;
  background: #000000;
  color: #FFFFFF;
  padding: 3px 45px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 24px;
}

.box-black-outline {
  text-transform: uppercase;
  font-size: 0.7rem;
  outline: 1px solid #000000;
  padding: 3px 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 24px;
}

.box-gold {
  text-transform: uppercase;
  font-size: 0.7rem;
  background: #CFB991;
  color: #FFFFFF;
  padding: 3px 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 24px;
}

.box-gold-outline {
  text-transform: uppercase;
  font-size: 0.7rem;
  color: #8E6F3E;
  outline: 2px solid #CFB991;
  padding: 3px 17px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 24px;
}

.learn-more {
  font-size: 1.25rem;
}

h3 .learn-more {
  color: #000000;
  text-transform: uppercase;
}

.learn-more:hover {
  text-decoration: underline;
}

.previous-link:hover {
  text-decoration: underline;
  color: #8e6f3e;
}

.current-link:hover {
  text-decoration: underline;
  color: #000000;
}

.early-link:hover {
  text-decoration: underline;
  color: #FFFFFF;
}


/*************Font Section**********/

.acumin {
  font-family: "acumin-pro";
  font-weight: 400;
  font-style: normal;
}

.acumin-bold {
  font-family: "acumin-pro";
  font-weight: 700;
  font-style: normal;
}

.acumin-condensed-reg, .acumin-condensed-reg li {
  font-family: "acumin-pro-condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/*Acumin Pro Extra Condensed Medium*/

.acumin-extra-condensed-md {
  font-family: "acumin-pro-extra-condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
}

/*Acumin Pro Extra Condensed Semi-bold*/

.acumin-extra-condensed-semi, .acumin-extra-condensed-semi h3 {
  font-family: "acumin-pro-extra-condensed";
  font-weight: 600;
  font-style: normal;
}

/*Acumin Pro Extra Condensed Semi-bold Italic*/

.acumin-extra-condensed {
  font-family: "acumin-pro-extra-condensed", sans-serif;
  font-weight: 600;
  font-style: italic;
}

/*Source Serif*/

.source-regular {
  font-family: "Source Serif Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.source-regular-bold {
  font-family: "Source Serif Pro", sans-serif;
  font-weight: 700;
  font-style: normal;
}

/*United Sans*/

.united-regular {
  font-family: 'United Sans';
  font-weight: 400;
  font-style: normal;
}

.united-regular-bold{
  font-family: 'United Sans';
  font-weight: 700;
  font-style: normal;
}

.united-condensed-md {
  font-family: "United Sans Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.united-condensed-bold, .united-condensed-bold h3 {
  font-family: "United Sans Condensed", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.united-extended-light {
  font-family: "United Sans Extended", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.united-extended-bold {
  font-family: "United Sans Extended", sans-serif;
  font-weight: 700;
  font-style: normal;

}

.united-extended-heavy {
  font-family: 'United Sans Extended';
  font-weight: 900;
  font-style: normal;
}


/************Intro Section************/

.intro {
  width: 100%;
  background-color: #000000;
  padding: 20px 24px 24px 24px;
  text-transform: uppercase;
}

.intro-bottom {
  margin-bottom: 35px;
}

h1 span {
  color: white;
  font-size: 1.5rem;
}

h1 {
  color: #cfb991;
  font-size: 5.5rem;
  margin-bottom: 23px;
  margin-top: 0;
}

.intro-bottom h2 {
  color: #CFB991;
  font-size: 1rem;
  width: 313px;
  margin: auto;
  max-width: 90%;
}

.intro-bottom p {
  color: #FFFFFF;
  margin-top: 10px;
}

.box-intro {
  text-transform: uppercase;
  outline: 1px solid #FFFFFF;
  padding: 3px 17px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 24px;
}

.middle-align {
  text-align: center;
  padding: 8rem 0;
}

.middle-align-right {
  margin-top: 7%;
  padding-right: 10%;
}

.intro img {
  padding: 5px;
  max-width: 70% !important;
  width: 30rem;
  padding: 10rem 0 0 0;
}


/**********Table of Contents*************/

.tcontents {
  padding-bottom: 3rem;
  background: #C4BFC0;
  padding-top: 3rem;
}

.tcontents h2 {
  font-size: 2rem;
  color: #000000;
  margin-left: 1rem;
}

.tcontents ul {
  display: flex;
  justify-content: space-around;
  list-style-type: none;
  margin-top: 2rem;
}

.tcontents a {
  color:#000000;
  font-family: "United Sans", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.4rem;
}

.tcontents a:hover {text-decoration: underline;}

/************Pinnacle Section************/

.pinnacle {
  width: 100%;
  background-color: #FFFFFF;
  padding: 0px 17px 0px 17px;
}

.pinnacle h2 {
  /*line-height: 3.5rem;*/
  font-size: 3.5rem;
  color: #8E6F3E;
  text-transform: uppercase;
  margin-top: 0;
}

.pinnacle h3 {
  color: #FFFFFF;
  margin: 2px;
}

.pinnacle-main-p {
  margin-top: 3rem;  
  margin-bottom: 2rem;
  font-size: 1.3rem;
}

.pinnacle-top {
  margin-bottom: 1rem;
}

.pinnacle-top span {
  color: #000000;
}

.pinnacle-top a {
  color: #000000;
}

.pinnacle-bottom {

  font-size: 1.3rem;
  color: #FFFFFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 29px;
  background: #000000;
  padding-top: 2rem;
}

.pinnacle-bottom p {
  font-size: 2rem;
}

.pinnacle-bottom span {
  font-size: 1.3rem;
}

/*
.shape {
  background-image: url(./Images/shape2);
  background-repeat: no-repeat;
  background-size: contain;
  background-position-x: 40rem;
  background-attachment: fixed;
}*/

/**********Timeline*************/

.timeline {
  width: 100%;
}

.timeline h2 {
  font-size: 3.5rem;
  color: #000000;
  text-transform: uppercase;
  margin-top: 0;
  line-height: 3rem;
}

.timeline h3 {
  margin-top: 5px;
  padding: 7px 17px 0 17px;
}

.timeline-section h3 {
  margin: 25px 0 10px 1px;
  padding: 0;
}

.timeline p {
font-size: 1.3rem;
}

#top {
  background-color: #cfb991;
}

.timeline .center h3 {
  text-decoration: underline;
}

.timeline-img1 img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

/****Timeline Dates****/

.date-span {
  text-align: center;
}

.date-span h2 {
  color: #000000;
}

.hr-lines {
  border: none;
  height: 3px;
  background: #CFB991;
  width: 75%;
}

.t-date h3 {
  border-bottom: 2px solid #C4BFC0;
  padding-bottom: 7px;
  display: inline-block;
  padding-right: 7.7rem;
  color: #8E6F3E;
  font-size: 2rem;
}

.previous-project p {
  border: 3px solid #CFB991;
  padding: 6px 25px;
  display: block;
}

.current-project p {
  background: #CFB991;
  padding: 6px 25px;
  display: block;
  color: #000000;
}

.early-project p {
  background: #000000;
  color: #FFFFFF;
  padding: 6px 25px;
  display: block;
}

.future-project-p {
  border: 3px solid #000000;
  padding: 6px 25px;
  display: block;
}

#future-asterisk {
  font-style: italic; 
}

/******Map Section******/

.map {
  width: 100%;
}

.map h2 {
  font-size: 3rem;
  color: #8E6F3E;
  text-transform: uppercase;
  margin-top: 0;
  line-height: 3.5rem;
}

.map p {
  margin: 0;
  font-size: 1rem;
}

.map-legend {
  padding: 0 0 0 1rem;
}

.map-legend p {
  margin: 0;
  font-size: 0.7rem;
  font-family: "acumin-pro";
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
}

.map-gold, .map-black, .map-gray {
  margin: .3rem 1.3rem .3rem 0;
}

.map-gold {
  height: 15px;
  width: 15px;
  background-color: #CFB991;
}

.map-black {
  height: 15px;
  width: 15px;
  background-color: #000000;
}

.map-gray {
  height: 15px;
  width: 15px;
  background-color: #6F727B;
}

.map-legend-p {
  margin-left: 10px;
  margin-right: 1rem;
  margin-top: auto;
  margin-bottom: auto;
}

.map .bottom-section {
  text-align: center;
}

.map .img-section a {
  color: #000000;
}

.map .img-section img {
  width: 100%;
}

/************Journey Section************/

.journey {
  width: 100%;
  background-color: #000000;
  color: white;
}

.journey h2 {
  font-size: 3.5rem;
  color: #FFFFFF;
  text-transform: uppercase;
  margin-top: 0;
  line-height: 3rem;
}

.journey p {
  font-size: 1.3rem;
}

.journey img {
  width: 100%;
  height: 100%;
}


/**********Bechtel*************/

.bechtel {
  width: 100%;
}

.bechtel h2 {
  font-size: 3rem;
  color: #000000;
  text-transform: uppercase;
  margin-top: 0;
}

.bechtel h3 {
  font-size: 1.5rem;
}

.bechtel p {
font-size: 1.3rem;
}


.bechtel .img1 {
  height: 100%;
}

.bechtel .img4 {
  width: 100%;
}

/*********Zucrow lab8**********/

.zucrow-lab8 {
  width: 100%;
}

.zucrow-lab8 h2 {
  font-size: 3rem;
  color: #000000;
  text-transform: uppercase;
  margin-top: 0;
  line-height: 3rem;
}

.zucrow-lab8 h3 {
  font-size: 1.5rem;
}

.zucrow-lab8 p {
  font-size: 1.3rem;
}    



/*********Flex lab**********/

.flex-lab {
  width: 100%;
}

.flex-lab h2 {
  font-size: 3rem;
  color: #000000;
  text-transform: uppercase;
  margin-top: 0;
  line-height: 3rem;
}

.flex-lab h3 {
  font-size: 1.5rem;
}

.flex-lab p {
  font-size: 1.3rem;
}


/*********MEE**********/

.mee {
  width: 100%;
}

.mee h2 {
  font-size: 3rem;
  color: #000000;
  text-transform: uppercase;
  margin-top: 0;
  line-height: 3rem;
}

.mee h3 {
  font-size: 1.5rem;
}

.mee p {
  font-size: 1.3rem;
}

.mee .img3 {
  width:100%;
}

/*********Jischke**********/

.jischke {
  width: 100%;
}

.jischke h2 {
  font-size: 3rem;
  color: #000000;
  text-transform: uppercase;
  margin-top: 0;
  line-height: 3rem;
}

.jischke h3 {
  font-size: 1.5rem;
}

.jischke p {
  font-size: 1.3rem;
}

.jischke .img3 {
  width: 100%;
}

/*********Dudley lambertus**********/

.dudley-lambertus {
  width: 100%;
}

.dudley-lambertus h2 {
  font-size: 3rem;
  color: #000000;
  text-transform: uppercase;
  margin-top: 0;
  line-height: 3rem;
}

.dudley-lambertus h3 {
  font-size: 1.5rem;
}

.dudley-lambertus p {
  font-size: 1.3rem;
}

.dudley-lambertus .img3 {
  width: 100%;
}

/*********Brown**********/

.brown {
  width: 100%;
}

.brown h2 {
  font-size: 3rem;
  color: #000000;
  text-transform: uppercase;
  margin-top: 0;
  line-height: 3rem;
}

.brown h3 {
  font-size: 1.5rem;
}

.brown p {
  font-size: 1.3rem;
}

.brown .img1, .brown .img3 {
  width: 100%;
}

/*********Mechancial engineering**********/

.mechancial-engineering {
  width: 100%;
}

.mechancial-engineering h2 {
  font-size: 3rem;
  color: #000000;
  text-transform: uppercase;
  margin-top: 0;
  line-height: 3rem;
}

.mechancial-engineering h3 {
  font-size: 1.5rem;
}

.mechancial-engineering p {
  font-size: 1.3rem;
}

.mechancial-engineering .img3 {
  width: 100%;
}

/*********Building**********/

.building {
  width: 100%;
  background-color: #313131;
  color: #FFFFFF;
}

.building h2 {
  font-size: 4rem;
  color: #FFFFFF;
  text-transform: uppercase;
  margin-top: 0;
  line-height: 3.5rem;
}

.building p {
  font-size: 1.3rem;
}

/*********Zucrow lab9**********/

.zucrow-lab9 {
  width: 100%;
}

.zucrow-lab9 h2 {
  font-size: 3rem;
  color: #000000;
  text-transform: uppercase;
  margin-top: 0;
  line-height: 3rem;
}

.zucrow-lab9 h3 {
  font-size: 1.5rem;
}

.zucrow-lab9 p {
  font-size: 1.3rem;
}

.zucrow-lab9 .img3 {
  width: 100%;
}

/***********MMRL************/

.mmrl {
  width: 100%;
}

.mmrl h2 {
  font-size: 3rem;
  color: #000000;
  text-transform: uppercase;
  margin-top: 0;
  line-height: 3rem;
}

.mmrl h3 {
  font-size: 1.5rem;
}

.mmrl p {
  font-size: 1.3rem;
}

.mmrl .img3 {
  width: 100%;
}

/***********Purt herl************/

.purt-herl {
  width: 100%;
}

.purt-herl h2 {
  font-size: 3rem;
  color: #000000;
  text-transform: uppercase;
  margin-top: 0;
  line-height: 3rem;
}

.purt-herl h3 {
  font-size: 1.5rem;
}

.purt-herl p {
  font-size: 1.3rem;
}


/***********Ray-Herrick************/

.ray-herrick {
  width: 100%;
}

.ray-herrick h2 {
  font-size: 3rem;
  color: #000000;
  text-transform: uppercase;
  margin-top: 0;
  line-height: 3rem;
}

.ray-herrick h3 {
  font-size: 1.5rem;
}

.ray-herrick p {
  font-size: 1.3rem;
}


/***********************Media Queries*****************/
/*****Mobile Styles*****/
@media screen and (max-width: 767px) {
   .middle-align {
      margin-top: 0;
      padding: 2rem 0;
  }

  .content {
      padding: 0;
  }

   h1 {
      font-size: 4rem;
  }

   .intro img  {
      padding: 6rem 0 0 0;
  }      

  .pinnacle-top {
      margin-bottom: 2.5rem;
  }

  .timeline h2, .journey h2, .building h2 {
    font-size: 2.5rem;
  }
  
  .timeline p, .journey p, .building p {
    font-size: 1rem;
  }
  
  .timeline .text-section, .journey .top-section, .building .top-section {
    padding: 2rem 2rem 3rem 2rem;
  }

  
  .timeline-heading2 {
      padding-left: 0;
      font-size: 1.25rem;
  }
  
  .timeline-heading1 {
      padding-right: 0;
      font-size: 1.25rem;
  }
  

    
           

  .map {
      padding-bottom: 1rem;
  }      

   

}

/*****Tablet Styles*****/

@media screen and (min-width: 768px) {
  .intro {
      padding: 20px 24px 24px 24px;
  }


}


/****Tablet range 768px to tablet 991px****/

@media screen and (min-width: 768px) and (max-width: 991px) {
  .map-legend {
    display: flex;
  }
  
  .map-gold, .map-black, .map-gray {
  margin: 0.3rem 0 0.3rem 0;
  }

  .map-legend-p {
    margin-left: 7px;
    margin-right: 10px;
    margin-top: auto;
    margin-bottom: auto;
}

}


@media screen and (max-width: 991px) {
   .bechtel-img2, .brown div, .mmrl-img {
      padding-left: 0; 
  }  

  .zucrow-lab8 .zucrow-section2, .zucrow-lab8 .no-padding-right,
  .flex-img, .mee-img, .jischke-img, .dudley-lambertus-img, .brown div, .mechancial-engineering-img, 
  .zucrow-lab9-img, .mmrl-img, .purt-herl-img  {
      padding-right: 0;  
  }



  .hr-lines:after {
      display: none;
  }
  


}


@media screen and (min-width: 992px) and (max-width: 1086px) {

  .building img {
    height: 100%;
  }


}

/****Media Query range 768px-1024px****/

@media screen and (min-width: 768px) and (max-width: 1024px) {
  
  
  .timeline .text-section, .journey .top-section, .building .top-section {
    margin: 0rem 0;
    padding: 4rem 7rem 4rem 6rem;
  }
  
  .timeline p, .journey p, .building p {
    font-size: 1rem;
  }
  
  .timeline h2, .journey h2, .building h2 {
    font-size: 3rem;
  }
  

  .t-date h3 {
    padding-right:0;
  }
    

}

@media screen and (max-width: 1024px) {
  .projects-space {
    margin-top: 0;
  }

}

/*****Laptop Styles*****/

@media screen and (min-width: 1024px) {

  .intro-top {
      margin-top: 4rem;
  }

  h1 span {
      font-size: 2rem;
  }

  .pinnacle-bottom {
      padding-top: 5rem;
      padding-bottom: 4rem;
  }

  .journey .bottom-section img {
      clip-path: polygon(14% 0%, 100% 0%, 100% 100%, 0% 100%);
  } 

  .timeline-img1 img {
      clip-path: polygon(14% 0%, 100% 0%, 100% 100%, 0% 100%);
      height: 100%;
  }


  .map .img-section {
      margin-top: auto;
  }

  .building img {
      clip-path: polygon(12% 0%, 100% 0%, 100% 100%, 0% 100%);
  }

  .bottom-centered {
    margin-top: auto;
  }




}



/*****Desktop Styles*****/

@media screen and (min-width: 1440px) {


  .pinnacle-top {
      margin: 7rem 0;
      padding: 0 7rem 0 5rem;
  }
   
   
   .journey .top-section, .building .top-section, .timeline .text-section {
       margin: 5rem 0 5rem 0;
       padding: 0 7rem 0 5rem;
   }

  .pinnacle-bottom {
      display: flex;
      margin: 3rem 0 6rem 0;
  }
  
  .bottom-centered {
      margin-top: auto;
  }

  .timeline img {
      height: 100%;
  }
  
  .timeline text-section {
       padding: 12rem 7rem 10rem 6rem;
  } 
  
  .map h2 {
      font-size: 4rem;
  }

  .map .top-section {
      margin: 4rem 0 2rem 0;
      padding: 0 0 0 5rem;
   }
  
  .map .img-section a {
      display: block;
      color: #000000;
  }
  

   
  .map-legend {
      padding: 3rem 0 0 5rem;
  }
  
  .map-legend-colors {
      padding: 1rem 0;
  }
  
  .map-legend p {
      font-size: 1rem;
  }
  
  .map-gold, .map-black, .map-gray {
    height: 25px;
    width: 25px;
  }
  
  
  .journey {
      margin-top: 5rem;
  }



  .bechtel-img2, .zl8-img, .flex-lab .img-section, .mee-img, .jischke-img, .dudley-lambertus-img, .brown-img, .zucrow-lab9-img,
  .mechancial-engineering-img, .mmrl-img, .purt-herl-img {
      margin-top: auto;
      margin-bottom: auto;
  }


  }

/*****Large Desktop Styles*****/

@media screen and (min-width: 2300px) {



  .map p {
    font-size: 1.7rem;
  }
  
  .map-gold, .map-black, .map-gray {
    height: 35px;
    width: 35px;
  }
  
  .map-legend p {
    font-size: 1.5rem;
  }



}