/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {

  color: #000000;
  background-color: #ffffff;
  font-family: 'Raleway', sans-serif;
}



.navbar{
  height: 60px;
  background: rgba(255, 0, 0, 0.7);
  opacity: 1;
  font-size: 1.2rem;
}

.navbar-brand {
	font-size:30px;
  display: flex;
 justify-content: center;
 align-content: center;
margin-left: 0.5rem;

}

.nav-link:link {
  color: white!important;
  text-decoration: inherit!important;
}
 
/* Odwiedzony link */
.nav-link:visited {
  color: white!important;
  text-decoration: inherit!important;
}
 
/* Po najechaniu myszką */
.nav-link:hover {
  color: white!important;
  text-decoration: inherit!important;
}
 
/* "Kliknięty" link */
.nav-link:active {
  color: white!important;
  text-decoration: inherit!important;
}
.logo{
 width: 200px;
 display: flex;
 justify-content: center;
 align-content: center;
}

.welcome-text{
  font-size: 35px;
color: rgb(255, 255, 255);

}


.home{
display:flex;
justify-content: center;
align-content: center;
 height: 600px;
 margin-top: -4rem;
 background-image: url(/img/kutnotło.jpg);
 background-size:cover;
background-position: center;
 
}

.display-2{
  margin-top: 50px;
}



.opis1{
  padding-bottom: 4.5rem;
}

.opis3{
  font-size: 20px;
}

.opis{

  border: 20px  rgb(0, 0, 0); 
  border-radius: 30px;
  box-shadow: 1px 1px rgb(122, 122, 122); 

}

.oferta{
  font-size: 25px;
}



.opisP{
  text-align:justify;
  font-size: 25px;
}
h2{
  font-size: 40px;
}

.featurette-heading{
  display:flex;
}






.opis h2{
display: flex;
justify-content: center;
align-content: center;
}


  

.box{
  display:flex;
  justify-content: center;
  align-content: center;
  text-align: center;
  align-items: center;
}



.zdjecia{
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  text-align: center;
	justify-content: center;
	background-size:cover;

}

.zdjecie1{
  border: 20px  rgb(0, 0, 0); 
  border-radius: 30px;
  box-shadow: 5px 5px 5px 5px rgb(122, 122, 122); 

}


.description{
  border: 3px solid rgb(233, 233, 233) ;
  border-radius: 15px;
}


.btn-group{
  display: flex;
  justify-content: center;
  align-content: center;
  text-align: center;
  align-items: center;
  background-color: #dc3545;



}

.btn{
  color: #ffffff;
}






.danekontaktowe p{
  font-size: 20px;
}

.godziny_otwarcia{
  display: flex;
justify-content: center;
align-content: center;
font-size:20px;
}


.contact-logo6{
  margin-bottom: 60px;
}

.contact-logo8{
  margin-bottom: 96px;
}





.contact{
  background-color: #dc3545;
  color: white;
}













/*   --------- CSS STRONY PODNOŚNIKÓW ------------  */ 


.Magni{
  display: flex;
  justify-content: center;
  align-content: center;
}

.magnijpg , .gs3246jpg, .gs2632jpg,.ES0807Ejpg, .snorkel1930ejpg ,.geniegs2646jpg,.magni1612jpg,.sinoboom0608SEjpg,.jlg2646esjpg  ,.gs1530jpg, .niftyjpg ,.snorkelA38Ejpg{
  display: flex;
  justify-content: center;
  align-content: center;
  text-align: center;
  align-items: center;
	border: 6px solid rgb(255, 255, 255); 
	border-radius: 50px;
}


.podnosnikMagniES1212E, .podnosnikGenieGS-3246 ,.podnosnikGenieGS-1932, .podnosnikGenieGS-2632,.podnosnikMagni-ES0807E, .podnosnikSnorkel-1930e ,.podnosnikGs2646 ,.podnosnikMagni1612,.podnosnikSinoboom0608SE,.podnosnikGS1530,.podnosnilkJLG2646ES, .podnosnikNiftyliftHR12 ,.podnosnikSnorkelA38E{
  display: flex;
  justify-content: center;
  align-content: center;
  font-size: 22px;
}











/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */



/* RESPONSIVE CSS
-------------------------------------------------- */

@media (max-width:1467px) {
.navbar-brand{
  margin-left: 0.5rem;
}
  
}



@media (max-width:1401px) {
  .mapa{
    width: 700px;
  
  }


  .opis h2{
    font-size: 30px;
  }

  .opis p{
    font-size: 22px;
  }
  
}


@media (max-width:1348px) {
  .navbar-nav{
    line-height: 20px;
  }
.kontakt{
  margin-top: 10px;
}

}

@media (max-width:1252px) {
.navbar{
  font-size:20px ;

}

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


  
}
@media (max-width:1201px) {
  .contactmap{
    width: 850px;
  
  }
  .opis h2{
    font-size: 25px;
  }

  .opis p{
    font-size: 20px;
  }
}
@media (max-width:1139px) {
  .navbar{
    font-size:18px ;
  
  }
    .navbar-brand{
      font-size: 22px;
    }
  }

  @media (max-width:1082px) {
    .navbar{
      font-size:18px ;
    
    }
     .mapa{
       width: 500px;
     }
    }

    @media(max-width:996px){
        .navbar-brand{
          display: flex;
          justify-content: center;
          align-content: center;
        }
        .contactmap{
          width: 600px;
        
        }
    

    }

    @media(max-width:991px){
      .navbar{
        margin-bottom: 2rem;
        height: 80px;

      }
      .contact-logo5{
        margin-bottom:150px;
      }
      .logo{
        width: 0px;
      }
      .navbar-brand{
margin-left: 15%;  
      }

.home{
  margin-top:-7rem;

}
.navbar-nav{
display: flex;
justify-content: center;
align-content: center;
align-items: center;
width: 100%;
}

.welcome-text{
  font-size: 25px;
}
      .collapse{
        background-color: rgba(255, 0, 0, 0.7);
        margin-top: 21px;
        
      }
      .navbar-toggler{
        background-color: #00000060;
      }



.zdjecie1{
  margin-bottom: 2rem   ;
}



.display-3{
  font-size: 45px;
}
.oferta{
  font-size: 22px;
}
.navbar-nav{
  display: flex;
  align-items: center;
  text-align: center;
}
  }


  
  @media(max-width:768px){
    .contactmap{
      width: 450px;
    }
.mapa{
  width: 350px;
}
.logo{
  width: 0px;
}
    }

    @media(max-width:560px){
.logo{
  width: 0px;
}
.navbar-brand{
  font-size: 20px;
  margin-left:0rem ;
}
.opis h2{
  font-size: 25px;
}
.opis p{
font-size: 18px;
}

.collapse{
  margin-top: 24px;
  
}

.display-3{
  font-size: 35px;
}
.oferta{
  font-size: 20px;
}
.opis3{
  font-size: 18px;
}
      }

    @media(max-width:500px){
      .contactmap{
        width: 350px;
      }
      .mapa{
        width: 200px;
      }
      }

      @media(max-width:450px){
        .contactmap{
          width: 250px;
        }
        .navbar-brand{
          font-size: 18px;
        }
        .welcome-text{
          font-size: 20px;
        }
        .oferta{
          font-size: 20px;
        }
        .opis3{
          font-size: 18px;
        }
        }

        @media(max-width:380px){
          .contactmap{
            width: 200px;
          }
 
          }
          @media(max-width:365px){
            .collapse{
              margin-top: 7px;
              
            }
            .opis h2{
              font-size: 20px;
            }
            .opis p{
            font-size: 18px;
            }

   .navbar{
     height: 100px;
   }
            }