@charset "utf-8";
/* CSS Document */
body{
	font-family: 'Montserrat', sans-serif;
}
.bg-custom{
	background-color:#405A6D!important;

}

.navbar{
	color:#fff!important;
	line-height:1.5em!important;
}
.nav-link{
	color:white!important;
	margin-right:20px!important;
	
}
.nav-link:hover{
	color: #393939!important;
	background-color:#fff!important;
}
.navbar-toggler{
	background-color:#fff!important;
}

.navbar-brand:link{
	color:#fff!important;
	font-size:1.6em;
	padding:5px 30px 5px 10px;
}
.navbar-brand:hover{
	color:#fff;
	
}
.navbar-light .navbar-brand:visited{
		color:#fff!important;
	}
.active{
	border-bottom:solid 2px #fff;
	
}

.indexvideo{
	width:100%;
	height:auto;
	margin:25% auto;
	padding:5%;
	background-color:#405A6D;
}
body {
  background: url('../images/hanacoworking12_2.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

h4{
	color:#fff;
	
}
footer{
	background-color: #405A6D;
	color:#fff;
	padding:20px;
	bottom:0;
	display:absolute;
}
footer a:link{
	color:white;
}
footer a:hover{
border-bottom: solid 2px #fff;
	padding-bottom:5px;
	text-decoration:none;
	
	
}
footer img{
	width:20px;
	margin:0 4px;
	padding-bottom:5px;
	
}
footer img:hover{

	text-decoration:none;
}
footer p{
	border-left: solid 2px #fff!important;
	text-align:center;
	margin-bottom:0;
}
#gallery img{
	width:96%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	
}
#gallery img:hover{
	width:100%;
	height:auto;
	margin-top:5%;
	box-shadow: -10px 5px 15px #23344B;
}
#gallery{
	width:80%!important;
	margin:5% 10%!important;
	
	background-color:#405A6D!important;
}


#myBtn:hover {
  background-color: #555; 
}


#copy{
	font-size:.7em;
	color:#fff;
	border:none!important;
	
}
#socials{
text-align:center;
	margin-bottom:0;
}
iframe{
	height:600px!important;
	width:100%;
	margin-left:0%;
	margin:5% 0;
	padding:5%;
	background-color:#405A6D;
	
}
		#myBtn {
  display: none; 
  
}

@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) 
	and (orientation: portrait){
		

		
		
}
@media only screen and (max-width: 1920px){
	.indexvideo{
	height:auto;
		width:80%;
		margin-left:10%;
	margin:2.5% auto;
	padding:5%;
}
	iframe{
		height:600px!important;
		
	}
	#gallery{
	width:80%!important;
	margin:5% 10%!important;
	padding:2.5%;
	background-color:#405A6D!important;
}


}
@media only screen and (max-width: 1200px){
	iframe{
		height:500px!important;
	}
}
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) 
	and (orientation: landscape){
		.indexvideo{
	margin:16% auto;
	
}		
		iframe{
	width:80%;
	margin-left:10%;
	}
}


@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) 
	and (orientation: landscape){
		.indexvideo{
	margin:10% auto;
	
}		
iframe{
		width:80%!important;
		margin-left:10%!important;
		height:460px;
	}
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) 
	and (orientation: portrait){
		.indexvideo{
	margin:45% auto;
	
}	
			iframe{
		width:80%!important;
		margin-left:10%!important;
		height:460px;
	}

	
}
@media only screen and (max-width: 990px){
	iframe{
	height: 340px!important;	
	}
}
@media only screen and (max-width: 768px){
	iframe{
	height: 300px!important;	
	}
	.indexvideo{
		margin-top:10%;
	}

	}
@media only screen and (max-width: 600px){
		.indexvideo{
	margin:25% auto;
	
}	
	
	}
#gallery{
	width:100%;
	margin:0%;
	padding:2.5%;
	background-color:#fff;
}
iframe{
	height: 240px;	
	}
	.navbar-light .navbar-nav .nav-link{
		padding:5px;
	}

	#gallery img{
	width:100%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
}
	#myBtn {
  display:inline-block; 
  position: fixed; 
  bottom: 20px; 
  right: 20px; 
  z-index: 99;
  border: none;
  outline: none;
  background-color: #6487A4;
  color: white; 
  cursor: pointer; 
  padding: 15px; 
  border-radius: 10px;
  font-size: 18px; 
}