.navbar-brand img{
	width:90px;
	height:35px;
}

.bg-nav
{
	-webkit-box-shadow: 3px 3px 30px 5px rgba(204,204,204,0.3);
	-moz-box-shadow: 3px 3px 30px 5px rgba(204,204,204,0.3);
	box-shadow: 3px 3px 30px 5px rgba(204,204,204,0.3);
	
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
	padding:20px;
	
}
.bg-white
{
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

@media (min-width: 992px){
.navbar-collapse > ul > li > a:hover
{
	border-bottom: 1px solid black;
}
}

.introheader
{
	height:100vh;
	width:100%;
}

.hero
{
height:100vh;
width:auto;
background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.4)), url(../img/recepcja2.jpg);
background-attachment:fixed;
background-position:center center;
background-repeat:no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.hero1
{
height:100vh;
width:auto;
background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.3)), url(../img/galeria/joga1.jpg);
background-attachment:fixed;
background-position:center center;
background-repeat:no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.hero2
{
height:100vh;
width:auto;
background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.3)), url(../img/nurse.jpg);
background-attachment:fixed;
background-position:center center;
background-repeat:no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#information-table .container{
overflow-y:scroll;
overflow-x:hidden;
}

#information-table .card-body{
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#information-table .card
{
	height:350px;
	padding-bottom:40px;
}

#information-table .card-body:hover{
	transform:scale(1.1);
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#lekarze
{
	padding-top:50px;
	padding-bottom:80px;
}
#lekarze .card
{
	margin-bottom:50px;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

@media (min-width: 575px){
#lekarze .card:hover
{
	transform:scale(1.1);
	cursor:pointer;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	overflow:hidden;
}
}
@media (max-width: 575px){
#lekarze .card:hover{
opacity:0.8;
cursor:pointer;
}
}
#grafik
{
	padding-top:70px;
	padding-bottom:70px;
}
#grafik-tabela{
	overflow-x:auto;
}

#galeria-nav{
	padding-bottom:50px;
}
#galeria-fitness
{
	padding-top:70px;
	padding-bottom:70px;
	background-image: url(../img/galeria/galeria4.jpg);
	background-attachment:fixed;
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.back-to-top {
  position: fixed;
  display: none;
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  padding: 6px 12px 9px 12px;
  font-size: 20px;
  border-radius: 4px;
  right: 20px;
  bottom: 30px;
  transition: background 0.5s;
}
.back-to-top:hover
{
	color:black;
}
.slide-down {
  color: #fff;
  padding: 6px 12px 9px 12px;
  font-size: 30px;
  border-radius: 4px;
  right: 20px;
  bottom: 30px;
  transition: all 0.5s ease;
}
.slide-down:hover
{
	color:black;
	font-size: 40px;
	cursor:pointer;
	transition: all 0.5s ease;
}


.font a
{
	color:black;
}
#admin
{
	padding-top:100px;
	padding-bottom:50px;
}

.modal-open {
  overflow: auto;
  width: 100%;
  padding-right: 0!important;
}
.overflow
{
	overflow:hidden;
	box-sizing:border-box;
	
}
.overlay
{
	text-align:center;
	width:100%;
	height:35%;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	padding-left:20px;
	overflow:hidden;
	cursor:pointer;
	background-color:white;
	opacity:0.7;
	
}

#ofr
{
	overflow:hidden;
	box-sizing:border-box;
}
#ofr .img-fluid
{
	transition: all 0.5s ease;
}

#ofr .hov:hover .img-fluid {
	overflow:hidden;
	transition: all 0.5s ease;
	transform:scale(1.2);
	cursor:pointer;
}
.info-show-hide
{
	padding:20px 0;
}
#kosmetyczka, #odnowa, #wynajem, #polozne
{
	display:none;
}
#odnowa
{
	background-image: url(../img/odnowamassage.jpg);
	background-attachment:fixed;
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#kosmetyczka
{
	background-image: url(../img/slajd3.jpg);
	background-attachment:fixed;
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#polozne
{
	background-image: url(../img/polozne2.jpg);
	background-attachment:fixed;
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#wynajem
{
	background-image: url(../img/wynajem.jpg);
	background-attachment:fixed;
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.opacity
{
	opacity:0.7;
	border-radius:20px;
}
#start:hover
{
	transform:rotateZ(300deg);
}