/*// Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

    .navbar .language {
        justify-content: start;
      }

    .heroes {
        background-image: url(../images/cg-heroes2.png), url(../images/bg/bg-heroes.jpg);
        background-position: right bottom, center center;
        background-repeat: no-repeat, repeat;
        background-size: auto 160px, 100% 100%;
        padding: 6rem 0;
      }

    #about {
        padding: 6rem 0;
      }
      
    #about h2 {
        margin-bottom: 2rem;
      }  

    #project-1, #project-2 {
        padding: 6rem 0;
      }
      
    #project-1 h2{
        margin-bottom: 2rem;
      }

    #project-1 h2{
        margin-bottom: 2rem;
      }

    .project-info {
        max-width: 580px;
        text-align: center;
      }

    .border-ctr-1, .border-ctr-2, .border-ctr-3 {
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
    }
    .about-item {
        margin-bottom: 2rem;
    }

    .foot-logo {
        margin-bottom: 2rem;
      }

    footer .list-group {
        margin-bottom: 2rem;
    }

    .address, .company, .call {
        text-align: center;
      }
}

/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {

    .navbar .language {
        justify-content: start;
      }

    .heroes {
        background-image: url(../images/cg-heroes2.png), url(../images/bg/bg-heroes.jpg);
        background-position: right bottom, center center;
        background-repeat: no-repeat, repeat;
        background-size: auto 200px, 100% 100%;
        padding: 6rem 0;
      }

      #about {
        padding: 4rem 0;
      }

    #about h2 {
        margin-bottom: 2rem;
      }  
      .about-item {
        margin-bottom: 2rem;
    }

    .foot-logo {
        margin-bottom: 2rem;
      }

    footer .list-group {
        margin-bottom: 2rem;
    }

    .address, .company, .call {
        text-align: center;
      }
}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {

    .heroes {
        background-image: url(../images/cg-heroes2.png), url(../images/bg/bg-heroes.jpg);
        background-position: right bottom, center center;
        background-repeat: no-repeat, repeat;
        background-size: auto 300px, 100% 100%;
        padding: 6rem 0;
      }
}
/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {

    .heroes {
        background-image: url(../images/cg-heroes2.png), url(../images/bg/bg-heroes.jpg);
        background-position: right bottom, center center;
        background-repeat: no-repeat, repeat;
        background-size: auto 400px, 100% 100%;
        padding: 6rem 0;
      }
  
}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) and (max-width: 1280px) {

  
}