@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Oswald|Raleway&display=swap');


#strap {overflow: hidden;
    position: relative;
    display: table;margin: auto;
    width:100%;height: 65vh;
    background-position: right top;
    background-repeat: no-repeat;
    background:url("layout/watermarkKey.png") left 2% top 40% no-repeat,url("layout/bg2.png") center center no-repeat #003466;
     background-size: 20%, auto;
    -webkit-box-shadow: 0 2px 2px 2px #242424;
    
    box-shadow: 0 2px 7px 1px #242424c7;z-index: 6;

}
 
/* slide 1 */
.slide {
	z-index: 1;
	overflow: hidden;
	position: fixed;
	display: table-cell;
	opacity: 0;
	width:100%;
	height:100%;
	background : no-repeat;
	background-position: right 3%  top 25%;
    vertical-align: middle;
	box-sizing: border-box;
	background-size: 20% auto;
}
 
.slide  .strapline {
	position: relative;
	top:-0px;
	opacity: 0;
	font-family: 'Raleway', serif;
	font-size: 50px;
	color: white;
	padding-bottom: 30px;
	box-sizing: border-box;
	/* border-bottom: 3px solid white; */
	max-width: 50%;
	margin: auto;
	margin-bottom: 20px;
	text-transform: uppercase;
	text-shadow: 4px 4px 2px #171717;
	font-weight: bold;
	text-align: center;
}
.slide  .intro {
    text-align: center;
    position: relative;
    opacity:0;font-family: 'Oswald', cursive;color:white;
    font-size: 30px;
    padding: 30px;
    box-sizing: border-box;
    max-width: 650px;margin: auto;
    text-shadow: 3px 3px 2px #171717;
 

}
 
.slide  .action a {padding: 15px 40px 15px 40px;color: white;background: green;border-radius: 50px;border: 3px solid white;-webkit-box-shadow: 0 2px 2px 2px #242424;box-shadow: 0 2px 7px 1px #242424c7;}
.smallSlides {height: 45vh !important;}
/* ENDS HERE */
@media (max-width: 906px) {
    
    
    #strap {background-image:url("layout/bg2.png");}
    
    
    .smallSlides {height: 70vh !important;}
    
.slide {
    background-position: right 0px center ;
    background-size: 80% auto;
	padding:0;
	}
.slide  .strapline {
	position: relative;
	opacity: 0;
	color: white;
	padding-bottom: 30px;
	box-sizing: border-box;
	border-bottom: 3px solid white;
	max-width: 100%;
	margin: unset;
	width: 100%;
	text-transform: uppercase;
	text-shadow: 4px 4px 2px #171717;
	font-weight: bold;
	font-size: 25px;
	background: black;
	padding: 30px;
}	
 .slide  .intro { 
     font-size: 20px;
 
     background: black;

}
}