html{
    height:100%;
    width: auto;
}


body{
    background-color: none;

}
.tell{
    font-size: 20px;
  
}

.responsive {
  width: 100%;
  height: auto;
}

.navbar{
    background-color: transparent;

}

.navbar-expand-lg{
    letter-spacing: none;
    font-weight: bold;
    color: blue;
    
}

.navbar-light .navbar-nav .nav-link{
    padding: 32px;

}



.bg-any {
   
    background-color: transparent; 

}



.intro-pic{
    padding-left:200px;
}

h1{
    text-align: center;
}

h2{
    text-align: center;
    font-size: 22px;
    
}



h3{
    text-align: center; 
    font-size: 15px; 
    font-weight: bold;
}

h4{
    text-align: center;
    font-size: 12px;
}

h6{
    font-size: 15px;
}


footer{
  
    margin-top: 15px;
   
    background-color: #17A2B8;
    color:white;
    max-height: 163px;
    border-bottom: 10px solid #17A2B8;
    font-weight: bold;    
    
}


.subfooter{
    margin-left: 10px;
    text-align: center;
}


.cr{
    text-align: center;
    font-size: 10px;
    background-color: #17A2B8;
    
}


       

/*navbar-expand-lg*/

@media (max-width: 1024px){
.navbar-expand-lg 
{
   
       margin-left: 65px;
    }
}


@media (max-width: 576px){
.navbar-expand-lg 
{
   
       margin-left: 0px;
    }
}

@media (max-width: 768px){
.navbar-expand-lg 
{
   
       margin-left: 0px;
    }
}




/*nav mobile only */
@media (max-width: 576px){
.navbar-light .navbar-nav .nav-link 
{
    background-color: #b1d6ff;
    }
}


@media (max-width: 768px){
.navbar-light .navbar-nav .nav-link 
{
    background-color: #b1d6ff;
    }
}



/*Intor pic */

   @media (max-width: 576px) {  .intro-pic
 {
    display: none;
    
        }

    }
 


@media (max-width: 768px) {.intro-pic
{
    display: none;
}

    }

 @media (max-width: 1024px) {  .intro-pic
 {
    display: none;
    
        }

    }

@media (max-width: 1024px) {  .intro-mobile
 {
    display: all;
    padding-left: 50px;
    
        }

    }


@media (max-width: 576px) {  .intro-mobile
 {
    display: all;
      padding-left: 0px;
    
        }

    }
 


@media (max-width: 768px) {.intro-mobile
{
    display: all;
      padding-left: 0px;
}

    }

 

 @media (min-width: 1026px) {  .intro-mobile
 {
    display: none;
    
        }

    }


/*All nav */


@media (max-width: 576px) {  .tell {
    display: none;
    
        }

    }
 


@media (max-width: 1024px) {.navbar-light .navbar-nav .nav-link{
    padding: 13px;
}

    }

 @media (max-width: 275px) {  .navbar-brand {
    padding-left: 3px;
       
        
        }

    }

/* This is for the New Galaxy folding phone only - 
the card-deck is only for NYC cellar door installation page */

@media (max-width: 576px) { .card-deck {
display: none;

        
        }

    }

@media (max-width: 768px) { .card-deck {
display: none;

        
        }

    }

    @media (min-width: 992px) { .card-deck {
display: all;

        
        }

    }

/*hr no for mobile */

@media (max-width: 768px) {  hr {
    display: none;
    
        }

    }
 @media (max-width: 576px) {  hr {
    display: none;
    
        }

    }

     @media (max-width: 275px) {  hr {
    display: none;
    
        }

    }


  
     

    /*Call now button for mobile only and tablets*/

    @media (min-width: 1025px) {  #button {
    display: none;
    
        }

    }

/*Headers */
@media (max-width: 1024px) {  h1 {
    font-size: 30px;
    
        }

    }

@media (max-width: 1024px) {  h2 {
    font-size:20px;
    
        }

    }

    @media (max-width: 1024px) {  h3 {
    font-size: 17px;
    
        }

    }   

@media (max-width: 1024px) {  h4 {
    display: none;
    
        }

    }   



@media (max-width: 576px) {  h1 {
    font-size: 20px;
    
        }

    }

@media (max-width: 576px) {  h2 {
    font-size:15px;
    
        }

    }

    @media (max-width: 576px) {  h3 {
  font-size: 12
    
        }

    }   

    @media (max-width: 576px) {  h4 {
   display: none;
    
        }

    }   



    /*Body text and paragraph*/

    @media (max-width: 1024px) {  p {
    font-size: 20px;
    
        }

    }   




     @media (max-width: 576px) { .no-mobile {
   display: none;
    
        }

    }   


     @media (max-width: 768px) { .no-mobile {
   display: none;
    
        }

    }   

     @media (max-width: 1024px) { .no-mobile {
   display: none;
    
        }

    }   


    @media (max-width: 576px) { .no-mobile {
   display: none;
    
        }

    }   


   
/*tfooter*/
     

     @media (max-width: 375px) {  .tfooter{
    font-size: 12px; 
        }

    }


@media (max-width: 576px) {  .tfooter{
    font-size: 14px; 
        }

    }