@media (min-width: 2000px) {
    .carousel h1{
        font-size: 60px;
        padding-bottom: 100px; 
      }
        h2{
            font-size: 2rem;
        }
        .carousel-item {
            height: 37rem;
        
          }
        
        }   

@media (max-width: 1000px) {
    .carousel h1{
      font-size: 45px; 
    }
    p.lead{
        font-size: 1.2rem;
    }
    p{
        font-size: 1.2rem;
    }
      
    .carousel-item {
        height: 18rem;
    
      }

    .navbar-brand{
        font-size: 18px;
    }


    }
    
    @media (max-width: 890px) {
        .carousel h1{
            font-size: 40px; 
          }
        .navbar-brand{
            font-size: 16px;
        }
        .nav-link{
            font-size: 13px;
        }
        
        }

@media (max-width: 700px) {
    .carousel h1{
        font-size: 35px; 
      }
    p.lead{
        font-size: 1rem;
    }
    p{
        font-size: 1rem;
    }
    
    .carousel-item {
        height: 15rem;
    
      }

    }

@media (max-width: 640px) {
    .carousel h1{
        font-size: 30px; 
      }
        h2{
            font-size: 2rem;
        }
        .carousel-item {
            height: 14rem;
        
          }
        
        }    


@media (max-width: 500px) {
    .carousel h1{
        font-size: 25px; 
      }
            .carousel-item {
                height: 12rem;
            
              }
              .navbar-brand{
                font-size: 16px;
            }
            }    


            @media (max-width: 430px) {
                .carousel h1{
                    font-size: 20px; 
                  
                  }
                  .carousel-caption {
                    bottom: 2rem;
                    
                  }
                .carousel-item {
                    height: 9rem;
                    }

                    h2{
                        font-size: 1.5rem;
                    }
                     }   

                     
                     @media (max-width: 350px) {
                        .carousel h1{
                            font-size: 14px; 
                          
                          }
                          .navbar-brand{
                            font-size: 14px;
                        }
                          .carousel-caption {
                            bottom: 1rem;
                            
                          }
                        .carousel-item {
                            height: 7rem;
                            }
                             }   
                   
@media (max-width: 300px) {
    .navbar-brand{
        font-size: 12px;
    }
    p.lead{
        font-size: 0.9rem;
    }

    p{
        font-size: 0.9rem;
    }
    .carousel-item {
        height: 6rem;
        }          
    }


@media (max-width: 240px) {
    .navbar-brand{
        font-size: 10px;
    }
        p.lead{
            font-size: 0.2rem;
        }

        p{
            font-size: 0.2rem;
        }
       
        }