.secondaryNav {
  gap: 30px;
  justify-content: center;
  margin-block: 150px 60px;
  border: 1px solid #CDA274;
  width: fit-content;
  border-radius: 19px;
}

nav.container {
  justify-content: center;
}

.secondaryNav{
  max-width: 100%;
}

.secondaryNav li {
  border-radius: 18px;
  padding: 26px 66px;
}

.secondaryNav li:hover {
  background-color: #CDA274;
  color: #ffffff;
}

.cardContainer {
  -moz-column-count:2;
  -webkit-column-count:2;
  column-count:2;
  justify-content: center;
  gap: 0;
}

.imgCard {
  max-width: 625px;
  margin: 10px;
}

.imgName {
  justify-content: space-between;
  max-width: 550px;
  margin-block: 15px 50px;
}

.singleImg {
  border-radius: 25px;
  margin-block: 75px 150px;
}

.singleContent {
  gap: 42px;
  margin-block: 150px 75px;
}

.details {
  max-width: 500px;
  padding: 55px 85px;
  gap: 50px;
  border-radius: 70px;
}

.details ul li {
  margin-block: 20px;
}

.content {
  flex-direction: column;
  gap: 25px;
}

.projectSingleHeader .headerContent {
  background-color: transparent;
}

.space {
  height: 400px;
  width: 200px;
  padding: 100px;
  background-color: red;
}

@media (max-width: 1100px){
  .secondaryNav li{
    padding: 20px 30px;
  }
}

@media (max-width: 1000px){
  .singleContent {
    flex-direction: column;
    align-items: center;
  }

  .content {
    text-align: center;
  }
  
  .singleImg{
    padding-inline: 25px;
  }
}

@media (max-width: 768px){
  .singleContent {
    margin-block: 75px 50px;
  }
  .singleImg {
    margin-block: 30px 50px;
  }

  .footer {
    margin-top: 75px;
  }

  .secondaryNav { 
    flex-wrap: wrap;
    margin-block: 75px;
  }

  .secondaryNav li{
    padding: 15px 20px;
  }
}


.numberedContainer {
  justify-content: center;
  gap: 20px;
  margin-top: 50px;
}

.numbered {
  padding: 14px 17px;
  border: 1px solid #CDA274;
  border-radius: 50%  ;
}

.numbered:hover {
  background-color: #CDA274;
  color: #ffffff;
}

@media (max-width: 500px){
  .numbered {
    padding: 7px 8.5px;
  }
  .numberedIcon {
    width: 40px;
  }

  .cardContainer {
    -moz-column-count:1;
    -webkit-column-count:1;
    column-count:1;
  }
  br {display: none;}
}