/*@charset "UTF-8";*/

/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');

body
{overflow-x:hidden;
font-family:'lato',sans-serif;
color:grey;}




.navbar{
	text-transform:uppercase;
	font-weight:700;
	font-size: .9rem;
	letter-spacing: .1rem;
	background: rgba(47,69,92, .6) !important
}
 .navbar-brand img {
  height: 2rem;
}


.navbar-nav li{
	
	padding-right: .7rem;
	}


.navbar-dark .navbar-nav .navbar-link{
	color:black;
	padding-top: .8rem;
	
}

.navbar-dark .navbar-nav .nav-item .nav-link:focus,
.navbar-dark .navbar-nav .nav-item .nav-link:hover {
  color: rgba(1,255,255,1.00) ;
}

/*--- Fixed Landing Page Section --*/
.home-inner {
	background-image:url("../../dhw copy/img/bg3..jpg");
    padding-bottom:100vh;
  
}


.home-inner
{
	background-image:url("../../dhw copy/img/bg3..jpg");
background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #464646;
	overflow-x:hidden;	
		
}
.caption {
	width: 100%;
	max-width: 100%;
	position: absolute;
	top:38%;
	z-index:1;
	color:turquoise;
	text-transform:uppercase;

}
.caption h1 {
	font-size:4.5rem;
	font-weight:700;
color:turquoise;
	padding-bottom: 1rem;
  user-select: none;
  font-size: 100px;
  
}



.caption h3
{
	
	font-size:2rem;
	padding-bottom:1.6rem;
	  background: repeating-linear-gradient(-45deg, red 0%, yellow 7.14%, rgb(0,255,0) 14.28%,
              rgb(0,255,255) 21.4%, cyan 28.56%, blue 35.7%, magenta 42.84%, red 50%);
  background-size: 600vw 600vw;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  animation: slide 10s linear infinite forwards;
}
@keyframes slide {
  0%{
    background-position-x: 0%;
  }
  100%{
    background-position-x: 600vw;
  }
}
}

/*--- button --*/

h1{color:turquoise;}
.jombotron
{background-color: darkorchid !important;
}
/*--- iOS Fixed Background Image --*/
.jombo2{background-color: darkorchid !important
	
}

/* -----------------------------------------gallery-----------------------------------*/

	
img.art{
  width: 100%;
  height: 300px;
  object-fit:cover;
  transition: transform 1s;
}
.thumb{
  overflow: hidden;
}

img.art:hover{
  transform: scale(1.2);
}





/*-------------------------Animated Text--------------*/




footer{
	
	background: rgba(0,0,0, .6) !important
	
}

	

.btn-info{margin-bottom:1rem;}
	
	



/* NAV . BAR */






	
	
.gap100{
padding: -3px 0px;
}

.gap200{
padding: 155px 0px;
}
.gap300{
padding: 600px 0px;
}





	
	







 
@media screen and (max-width: 900px) {

}
@media screen and (max-width: 768px) {

}
@media screen and (max-width: 480px) {
	h1{font-size:30%;}
}