body {
	overflow-x: hidden;
}

.radial {
	height: 100vh;
	background: radial-gradient(#fff, #2B5468); 
	color: #fff;
}

.bground {
	background: linear-gradient(rgba(0,0,0,0),rgba(255,255,255,0)), url(../gallery/outlook.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	height: 80vh;
	width: 100%;
	/*text-align: center;*/
	color: #fff;
	margin: 0px;
	padding-top: 20vh;
	font-family: arial;
	overflow-x: hidden;
	z-index: 1;
}

.bgroundbq {
	background: linear-gradient(rgba(0,0,0,0),rgba(255,255,255,0)), url(../gallery/bq21.jpg);
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	height: 80vh;
	width: 100%;
	/*text-align: center;*/
	color: #fff;
	padding-top: 20vh;
	font-family: arial;
	overflow-x: hidden;
	
}

.bgroundroom {
	background: linear-gradient(rgba(0,0,0,0.9),rgba(48, 45, 45, 0.9)), url(../img/presidentialdinning.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	margin: 0;
	padding: 0;
	/* height: 80vh; */
	width: 100%;
	/*text-align: center;*/
	color: #fff;
	/* margin-top: 5em; */
	/* padding-top: 20vh; */
	font-family: arial;
	overflow-x: hidden;
	/* z-index: 1; */
}

.fixed {
	/*background-image: linear-gradient(rgba(0,0,0,0.9),rgba(0,0,0,0.5)), url(../img/matrix-code.jpg);*/
	background-image: linear-gradient(rgba(0,0,0,0.9),rgba(0,0,0,0.3)), url(../../whitebrick2.jpg);
	background-attachment: fixed;
	/* position: fixed; */
}

.fixed-background {

	padding: 10rem 0;
	
}

.bg-top {
	background: linear-gradient(to right,rgb(20, 20, 20),rgb(207, 144, 27),rgb(20, 20, 20));
	padding: .5rem;
	width: 100%;
}

.bg-bottom {
	background: linear-gradient(to right,rgb(20, 20, 20),rgb(207, 144, 27),rgb(20, 20, 20));
	padding: 1.5rem;
	width: 100%;
}


.aboutbg {linear-gradient(rgba(0,0,0,0.9),rgba(0,0,0,0.2))

	background: linear-gradient(rgba(0,0,0,0.9),rgba(0,0,0,0.2)), url(../img/blue1.png);
	/*background-image: */
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	height: 100vh;
	width: 100%;
	/*text-align: center;*/
	color: #fff;
	margin: 0px;
	padding-top: 20vh;
	font-family: arial;
	overflow-x: hidden;
}

.creamback {
    background-image: url(../img/creambackground.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.font-size {font-size: 0.85rem;}

.a:hover {
	background-color: grey;
}

/* Make the image fully responsive */
.carousel-inner img {
  width: 15em;
  height: 15em;
}

.skew{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	/*margin-top: 200px;*/
	width: 100%;
	height: 100%;
	background: #428F1E;
	transform: skewY(1deg);
	transform-origin: bottom right;
	z-index: 1;
}

.bann {
    width: 100%;
    height: 40vh;
    text-align: center;
    background-image: url(../img/background.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    /*transform: matrix(1, 0, 0, 1, 0, 91.25);*/
    position: relative;
    /*top: 10vh;*/
    /*z-index: -1;*/

}

section h1, h2, h3, h4, h5, h6, p {
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
}

/*input, select{
	border: 1px;

}*/

.font-face {
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
}

@keyframes rotate {
    
    from {
        transform:rotateY(0deg);
    	}
    to {
        transform:rotateY(360deg);
    }
}

.rotate {
	
    animation-name: rotate;
    animation-delay: 1s;
    animation-duration: 10s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.rotate:hover {
	animation-play-state: paused;
}

.shadow-white {
  box-shadow: 0 0.5rem 1rem rgba(255, 255, 255, 0.15) !important;
}

.picframe {
		display: flex;
		margin: 0;
		width: 95%;
		margin: 25px;
		position: relative;
	}
.picframe div {
	width: 17%;
	height: 20vh;
	margin: 1px;
	background-size: cover;
	border-radius: 0px;
	cursor: pointer;
	/*z-index: -1;*/
}
.picframe div:hover {
	width: 20%;
	height: 23vh;
	cursor: pointer;
	transition: all 500ms ease;
}

.fixedheader1 {
	position: fixed;
	top: 0;
	width: 100%;
}

.fixedheader2 {
	position: fixed;
	top: 8.5%;
	width: 100%;
}

pre {
  display: block;
  font-family: monospace;
  overflow: scroll;
  white-space: pre-line;
  margin: 2em 0;
}

@media only screen and (max-width: 767px) {
	.fixedheader1 {
    position: fixed;
    top: 0;
    width: 100%;
	}
	.fixedheader2 {
    position: fixed;
    top: 12%;
    width: 100%;
	}

@media only screen and (max-width: 274px) {
	.fixedheader1 {
    position: fixed;
    top: 0;
    width: 100%;
	}
	.fixedheader2 {
    position: fixed;
    top: 15%;
    width: 100%;
	}
}