
.font1{
	font-family: 'Roboto', sans-serif;
}
.font2{
	
	
	font-family: 'Merriweather Sans', sans-serif;

}
.centered {
    position: absolute;
    top: 48%;
    left: 50%;
   transform: translate(-50%, -50%);
    font-size:2vw;
	color: #e6edee;

background-color: rgb(0,0,0,0.5);
	border-radius:7px;
}
.centered2 {
    position: absolute;
    top: 53%;
    left: 40%;
   transform: translate(-23%, -50%);
    font-size:2vw;
	color: #e6edee;

background-color: rgb(0,0,0,0.5);
	border-radius:7px;
}
.bgimage{
	background-image:url(../images/gallery.jpg);
	
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	height:550px;
	

}
.title{
	
	color:white;
}
.title:hover{
	
color:white;	
	
}

.text {
margin-left: 20%;
	margin-top: -2%;
	
}


.button{
	    margin-top: 4%;
    align-content: center;
    border-radius: 9px;
    border: 2px solid #26b7c9 ;
	background-color:#26b7c9;
       padding-bottom: 2%;
    padding-top: 2%;
    width: 50%;
    text-align: center;
    
}
.button:hover{
	
	cursor:pointer;
	background-color:#12BDB5;
	 border: 2px solid #26b7c9 ;
}

.gallery {
 margin:-3px;
    border: 1px solid #ccc;
    
    width: 180px;
}

.gallery:hover {
    border: 1px solid #777;
}

.gallery img {
    width: 100%;
    height: auto;
}
.nav-center {
  text-align: center;
  
}

ul.nav {
  display: inline-block;
 
font-size:1.5vw;
margin-left:2%;
width:32%;
}

.item {
  display: inline;
 
 
}

.navitem {
  float: left;
 
}


.myfooter{
background-color:grey;

}
.para{
font-size:14px;
margin-left:10%;
color:black;
}

.list1{
margin-top: 0vw;

margin-left: 5vw;
}
	.list2{
margin-top: 0vw;

margin-left: 2vw;
}
	.heading1{
		margin-top:8%;
		text-align:center;
	}
.special1
{
color:white;
font-size:35px;
margin-top:8%;
margin-left:3%;
}

.fa-facebook-square {
margin-left:24%;
}
.centered1 {
    position: absolute;
    top: 76%;
    left: 50%;
   transform: translate(-50%, -50%);
	color:aliceblue
}
.myfooter h3{
margin-top:8%;
}	
	
	
.col-sm-2{
		width: 50%;
	}	

a {
		color: black;
		}	
	
i{
		color:#26b7c9;
		
	}

.special1:hover{
	color:#26b7c9;
}