.navbar {
  			overflow: hidden;
  			background-image: url(../img/header-footer.png);
  			position: fixed;
  			top: 0;
			height: 80px;
  			width: 100%;
			left: 0px;
}



@font-face {
  font-family: Bickham Script Pro;
	src: url(../font/BickhamScriptPro-Regular.otf);}


	.navleft {
		margin-top:-35px;
		padding-left: 10%;
		float: left;
		font-family: 'Bickham Script Pro', sans-serif;
		font-size: 65px;
		color: #ee6a9b;
		width: 40%;
}
	.navright {
		float: right;
		text-align: right;
		top: 0;
    	width:50%;
		
}
.navbar a {
  float: left;
  display: block;
  color: #ee6a9b;
  text-align: right;
  padding: 24px 12px;
  text-decoration: none;
  font-size: 20px;
}

.navbar a:hover {
  color: #ee6a9b;
text-decoration-line: underline;
}
		
		
				.content {
  			background-image: url(../img/content.png);
			left: 0px;
			overflow: auto;
  			position:fixed;
  			top: 80px;
			width: 100%;
			height: 100%;}
		
			.texttopleft {
							overflow: hidden;
  			left: 10%;
			position: fixed;
  			top: 80px;
			width: 40%;
				height: 50%;
			}


.texttopleft a:link {
	text-decoration: none;
color: #000;}


.texttopleft a:visited {
	text-decoration: none;
color: #000;}
		
					.texttopright {
							overflow: hidden;
  			left: 50%;
			position: fixed;
  			top: 80px;
			width: 40%;
						height: 50%;
			}

.pro1 {
	overflow: hidden;
  	left: 10%;
	position:relative;
	top:50%;
	height: 40%;
	width: 80%;
			}

.gal {
							overflow: hidden;
  			left: 10%;
			position: fixed;
  			top: 80px;
			width: 100%;
				height: 90%;
			}




	  /* Three image containers (use 25% for four, and 50% for two, etc) */
.column {
  float: left;
  width: 32%;
  padding: 5px;
	padding-top: 80px;
}

/* Clear floats after image containers */
.row::after {
  content: "";
  clear: both;
  display: table;
}




		
		footer {
			position: fixed;
			left: 0px;
			bottom: 0px;
			width:100%;
  			color: #ee6a9b;
 			border: none;
 			background: url(../img/header-footer.png);}





/* Start : Override Bootstrap navigation */