/* 
  -----------------------------------
  PVII Vanilla
  by Project Seven Development
  www.projectseven.com
  Custom CSS
  -----------------------------------
*/


/* Add your Exception and Custom Rules Here*/
 

/*Media Query for all devices at screen/browser widths of 700px or less*/
@media only screen and (min-width: 0px) and (max-width: 700px) {
/*Add rules here*/
}

/*Media Query for smartphones*/
@media only screen and (max-device-width: 480px) {
/*Add rules here*/
}

/*Media Query for smartphones in landscape mode*/
@media only screen and (max-device-width: 480px) and (orientation : landscape) {
/*Add rules here*/
}
.bg-overlay {
    background: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,0)), url(../imagesnew/START/AlFahidiFort.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    height: 650px;
    padding-top: 150px;
	border-radius: 10px;
	border-style: ridge;
	border-color: black;
	border-width: medium;
	
}
.heading1{
	font-size: 3em;
	font-weight: 600;
	align-content: center;
}
.heading2{
	font-size: 2em;
	font-weight: 600;
	align-content: center;
}
.bg-overlay2 {
    background: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,0)), url(../imagesnew/START/JumHouse.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    height: 650px;
    padding-top: 150px;
	border-radius: 10px;
	border-style: solid;
	border-color: black;
	border-width: thick;
}
.bg-overlay3 {
    background: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,0)), url(../imagesnew/START/Dancers1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    height: 650px;
    padding-top: 150px;
	border-radius: 10px;
	border-style: solid;
	border-color: black;
	border-width: thick;
}
.bg-overlay4 {
    background: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,0)), url(../imagesnew/START/ArabLady.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    height: 650px;
    padding-top: 150px;
	border-radius: 10px;
	border-style: solid;
	border-color: black;
	border-width: large;
}
.bg-overlay5 {
    background: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,0)), url(../imagesnew/START/Event.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    height: 650px;
    padding-top: 150px;
	border-radius: 10px;
	border-style: solid;
	border-color: black;
	border-width: large;
}
.bg-overlay6 {
    background: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,0)), url(../imagesnew/START/Happenings.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    height: 650px;
    padding-top: 150px;
	border-radius: 10px;
	border-style: solid;
	border-color: black;
	border-width: large;
}
.bg-overlay7 {
    background: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,0)), url(../imagesnew/START/Images.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    height: 650px;
    padding-top: 150px;
	border-radius: 10px;
	border-style: solid;
	border-color: black;
	border-width: large;
}
.clickmenu {
	background-color: rgba(78,77,76,.7);
	border-radius: 10px;
}
.clickmenu2 {
	background-color: rgba(244,248,248,0.70);
	border-radius: 10px;
}