@media(max-width:600px) 
{
    .about {
        display: flex;
        position:relative;
        flex-direction: column;
        background: url('/i/fd15.jpg') no-repeat center center/cover;
        width: 100%;
        height: 92vh;
        z-index: 10;
      }
    
    .about#information h1 {
        font-size: 32px;
    }

    .about#information p {
        font-size: 18px;
    }

    .index #information h1 {
        font-size: 32px;
        margin-bottom: 6px;
      }

      .index #information p {
        font-size: 16px;
        margin-bottom: 10px;
        line-height: 1.4rem;
      }

}

@media(max-width: 768px) {
    .navbar {
        flex-direction: column;
        height: 120px;
        padding: 20px;
    }
  
    .navbar a {
        padding: 10px 10px;
        margin: 0 3px;
    }
  
    .flex-items {
        flex: 1;
        flex-grow: 1;
        /* flex-wrap: wrap; */
        flex-basis: 400px;
    }

    .images {
        object-fit: cover;
        border: 1px #222 solid;
    }

    .content {
        border: 1px #222 solid;
    }

    .solutions.content {
        padding: 20px 30px 20px 30px;
    }
  
    .flex-columns .flex-reverse .column, .flex-grid .column {
        flex: 100%;
        max-width: 100%;
    }
  
    .team img {
        width: 70%;
    }
  
    .l-heading {
        font-size: 3rem;
    }
  
    .lead {
        font-size: 1rem;
    }

    #contact {
        flex-direction: column;
    }

    .m-heading {
        padding: 20px 0 0 0;
    }

    /* Services */
    #landform24_7 .content {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        justify-content: center;
        height: 380px;
        padding: 0 30px 0 30px;
        width: 100%;
        flex: 1;
        background-color: bg-dark;
        color: #eee;
      }

      .solutions img {
        display: block;
        width: 100%;
        object-fit: cover;
      }

      .flex-columns .row, .flex-columns.flex-reverse .row {
        flex-direction: column;
        margin: 0;
      }

      .curr_project {
        padding: 100px 0 0 0;
    }

    .services #information {
        padding: 50px 20px 0 20px;
    }
}

/* News */
@media(max-width: 901px) {
    .news_container img {
        border: 1px solid #000;
        display: inline;
        width: 49%;
        margin: 2px 2px;
        justify-items: center;
        align-items: center;
    }
}

@media(max-width: 768px) {
    .news_container img {
        border: 1px solid #000;
        display: inline;
        width: 100%;
        margin: 2px 2px;
        justify-items: center;
        align-items: center;
    }
}