#custom-nav {
    -webkit-box-shadow: 4px 4px 4px #D3D3D3;
    -moz-box-shadow:    4px 4px 4px #D3D3D3;
    box-shadow:         4px 4px 4px #D3D3D3;
    z-index:999;
}

body{
	 font-family: 'PT Sans', sans-serif;
	 font-size: 15px;
}

#mail-to{
	text-align: center;
}

.connect{
	font-family: 'PT Sans', sans-serif;
	font-size: 20px;
	color: #000;
	text-align: center;	
}


.work-section{
	font-family: 'Signika', sans-serif;
}

.nav-item{
	font-family: 'Signika', sans-serif;
	font-size: 20px;
	padding-right: 12px;
	padding-left: 12px;
}

.flag{
	max-height: 20px;
	max-width: 20px;
	margin-top: 10px;
}

.nav-link.active{
	/*background-color: lightgrey !important;*/
}

.nav-item > a {
  position: relative;
  color: #000;
  text-decoration: none;
}

.nav-item > a:hover {
  color: #000;
}

.nav-item > a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #000;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.nav-item > a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.reserve-container{
	position: relative;
}
.card-body{
	-webkit-transition: all 1s ease; /* Safari and Chrome */
  	-moz-transition: all 1s ease; /* Firefox */
  	-o-transition: all 1s ease; /* IE 9 */
  	-ms-transition: all 1s ease; /* Opera */
  	transition: all 1s ease;
}

.reserve-text{
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.image-reserve{
	opacity: 0.4;
	max-height: 750px;
}

.carousel-caption{
	top: 40%;
}

.img-slider{
	min-height: 320px;
}

.img-center{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.navMenu{
	padding-top: 75px;
	padding-bottom: 20px;
}

.card-img-top{
	height: 200px;
}

.map{
	height: 320px;
}

@media screen and (max-width : 1920px){
  .only-mobile{
  visibility:hidden;
  }
}

@media screen and (max-width : 506px){
 
 .only-mobile{
  visibility:visible;
  }
}

.footer{
	margin-bottom: 30px;
	margin-top: 30px;
	padding-top: 2px;
}
.social-icon{
	font-size:28; 
}

footer{
	position: fixed;
	bottom: 0px;
	padding-top: 40px;
}