@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400&display=swap");

.main_container {
  padding-top: 10.3125rem;
  margin-left: 1.875rem;
}
.main_container h2{
  font-size: 2.4375rem;
  font-family: "Lato", sans-serif;
  color: #053853;
  text-align: center;
  font-weight: 400;
  margin-bottom: 4.6875rem;
  animation: fadein 1s;
    -moz-animation: fadein 1s; /* Firefox */
    -webkit-animation: fadein 1s; /* Safari and Chrome */
    -o-animation: fadein 1s; /* Opera */
}
.main_section1_projects {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2.5rem;
  justify-content: center;
}
.main_section1_projects_containers {
  width: calc(50% - 1.875rem);
  margin-right: 1.875rem;
  max-width: 16.25rem;
  
}
.main_section1_projects_containers a{
  font-family: "Lato", sans-serif;
  color: #788591;
  text-decoration: none;
}
.main_section1_projects_containers img {
  width: 100%;
  height: auto;
 
}
.main_section1_projects_containers h6 {
  margin-top: 0.9375rem;
  margin-bottom: 2.5rem;
  font-size: 1.0625rem;
  letter-spacing: 0.18px;
  font-weight: 400;
}
.main_section1_projects_containers:last-child {
  margin-bottom: 2.1875rem;
}

@media (min-width: 480px) and (max-width: 640px) {
  
}

@media (min-width: 641px) and (max-width: 750px) {
  .main_container {
    margin-left: 2.5rem;
  }
  .main_section1_projects_containers {
    width: calc(50% - 2.5rem);
    margin-right: 2.5rem;
  }
  .main_section1_projects_containers img {
    width: 100%;
    height: auto;
  }
  .main_section1_projects_containers h6 {
    font-size: 1.375rem;
  }
  
}
@media (min-width: 751px) and (max-width: 1024px) {
  
  .main_container {
    padding-top: 10.3125rem;
    margin-left: 2.5rem;
  }
  .main_section1_projects_containers {
    width: calc(50% - 2.5rem);
    margin-right: 2.5rem;
  
  }
  .main_section1_projects_containers img {
    width: 100%;
    height: auto;
  }
  .main_section1_projects_containers h6 {
    font-size: 1.375rem;
  }
  
}

@media (min-width: 1025px) {

  .main_container{
    max-width: 85.3125rem;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10.3125rem;
    
  }

  .main_container h2{
    margin-bottom: 5.625rem;
  }
  .main_section1_projects{
    max-width: 60rem;
    margin-left: auto;
    margin-right: auto;
  }
  .main_section1_projects_containers {
    width: calc(33% - 2.5rem);
    margin-right: 2.5rem;
    
  }
  .main_section1_projects_containers h6 {
    margin-bottom: 3.5rem;
    font-size: 1.375rem;
  }
  .main_section1_projects_containers:nth-child(3), :nth-child(6), :nth-child(9), :nth-child(12) {
    margin-right: 0rem;
  }
  .main_section1_projects_containers:nth-child(4) h6 {
    margin-bottom: 1.4375rem;
  }
  .main_section1_projects_containers:last-child {
    margin-bottom: 2.125em;
  }
}