/* bg for desktops*/

body{
	
	background-image: url("bgs/fly.jpg");
    background-repeat: no-repeat;
    background-position:center;
	
	background-size:contain;
 

}



/* On screens that are 600px wide or less, the background color is olive */
@media screen and (max-width: 600px) {
  body {
     background-image: none;
 
  }
}




#logo{
	display: flex;
position: relative;
padding-top:0.5%;
padding-left:0.5%;
    align-items: center;
}
a:link {
  color: green;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: green;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
	color:black;
	color: black;
  background-color: transparent;
  text-decoration: none;
}

a:active {
  color: green;
  background-color: transparent;
  text-decoration: underline;
}

#navbar{
	background-color:(219, 223, 229,0.9);
	display: flex;
  flex-wrap: wrap;
  align-content: space-evenly;
  padding-left:15%;
  padding-top:15%;
}

.col-lg-9 {
    text-align:center; 
    position:relative;
	z-index:4;
	height:100%;
	width:100%;
}
.overlay{
    position:absolute; 
	top:0;
	height:100%;
	width:95%;
	margin-right:10px;
	background-color:rgba(255,255,255,0.9);
	
}
.overlay p{
	margin:10%;
	text-align:center;
	font-weight:bold;
	
}

.custom_btns{
  background-color: rgb(180, 186, 192,0);
  float:left;
  border: none;
  color: white;
  text-align: center;
  text-decoration: none;
  display: inline;
  font-size: 16px;
  padding-bottom:10px;
}

.playlist{
	height:300px;
	overflow-y:scroll;
	overflow-x:hidden;
}

.playlist button{
	
	background-color:rgb(88, 135, 217, 0.7);
    border:none;
	width:300px;
	color:white;
	cursor:pointer;
	display:block;
	margin-left:60px;
	
}

.playlist button:hover {
  background-color: rgb(191, 195, 224, 0.7);
}

.playlist button:focus{
	 background-color: #3e8e41;
}
.playlist button:active{
	 background-color: #3e8e41;
}

audio{
	display:block;
	float: right;
	padding-right:10px;
}

#photos{
	height:400px;
}

#customise{
	height:400px;
}

.carousel-inner > .item > img  {
  width:480px;
  height:437px;
}