*{
	font-family: Tahoma;
}

body {
  background: #eee;
  margin: 0;
}

a{
	text-decoration: none;
}
/*************************Common Layout*************************/
.heading{
	height: 40px;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}
h2{
	font-family: 'Open Sans' sans-serif;
	text-align: center;
}


#flex{
	width: 96%;
	display: flex;
	flex-wrap: wrap;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),
    0 1px 2px rgba(0, 0, 0, 0.24);
  	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  	overflow: hidden;
}

/*************************Header*************************/
.top-container {
	border-top: 10px solid #292c2f;
  background-color: #fff;
  padding: 5px;
  text-align: center;
}
.top-container-img{
	width: 450px;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 680px)
{
	.top-container-img{
		width: 225px;
		margin-left: auto;
		margin-right: auto;
		height: 40px;
	}
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 80px;
}

.header-fixed {
	background: #292c2f;
	box-shadow:0 1px 1px #ccc;
	padding: 10px 20px;
	height: 80px;
	color: #ffffff;
	font-weight: bold;
	box-sizing: border-box;
	top:-100px;
	-webkit-transition:top 0.6s;
	transition:top 0.6s;
	z-index: 222222222;
}

.header-fixed .header-limiter {
	max-width:100%;
	text-align: center;
	margin: 0 auto;
}

/*	The header placeholder*/

.header-fixed-placeholder{
	height: 0px;
	display: none;
}

/* Logo */

.header-fixed .header-limiter h1 {
	float: left;
	font: normal 28px Cookie, Arial, Helvetica, sans-serif;
	line-height: 40px;
	margin: 0;
}

.header-fixed .header-limiter h1 span {
	color: #5383d3;
}


/* The navigation links */

.header-fixed .header-limiter a {
	color: #ffffff;
	text-decoration: none;
}

.header-fixed .header-limiter nav {
	font:16px Arial, Helvetica, sans-serif;
	line-height: 40px;
	float: right;
}

.header-fixed .header-limiter nav a{
	display: inline-block;
	padding: 0 5px;
	text-decoration:none;
	color: #ffffff;
	opacity: 0.9;
}

.header-fixed .header-limiter nav a:hover{
	opacity: 1;
	border-bottom: 1px solid #fff;
}

.header-fixed .header-limiter nav a.selected {
	color: #608bd2;
	pointer-events: none;
	opacity: 1;
}

/* Fixed version of the header */

body.fixed .header-fixed {
	padding: 10px 40px;
	height: 50px;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 2222222222;
}

body.fixed .header-fixed-placeholder {
	display: block;
}

body.fixed .header-fixed .header-limiter h1 {
	font-size: 24px;
	line-height: 30px;
}

body.fixed .header-fixed .header-limiter nav {
	line-height: 28px;
	font-size: 13px;
}

/* Making the header responsive */

@media all and (max-width: 600px) {

	.header-fixed {
		background: #292c2f;
		padding: 10px 0;
		height: 50px;
	}

	.header-fixed .header-limiter h1 {
		float: none;
		margin: -8px 0 10px;
		text-align: center;
		font-size: 20px;
		line-height: 1;
	}

	.header-fixed .header-limiter nav {
		line-height: 1;
		float:none;
	}

	.header-fixed .header-limiter nav a {
		font-size: 12px;
	}

	body.fixed .header-fixed {
		display: none;
	}

}

/*************************Components*************************/
.margin{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.quote{
	width: 60%;
	margin-right: auto;
	margin-left: auto;
}
.quote input{
	width: 35%;
	padding: 2px;
	height: 28px;
}
.quote button{
	width: 25%;
	height: 36px;
	background-color: #80bfff;
	border:none;
	color: #fff;
	font-weight: bold;
}
.quote button:hover{
	background-color: #80bf33;
	}
.quote h2{
	text-align: center;
	color: #80bfff;
	font-weight: bold;
}

@media screen and (max-width: 680px){
	.quote{
		width: 100%;
		padding: 10px;
	}
	.quote input{
		width: 96.4%;
		height: 18px;
	}
	.quote button{
		width: 98.6%;
		padding: 2px;
		background-color: #80bfff;
		border:none;
		color: #fff;
		font-weight: bold;
	}
}


/******Service Section******/
.service-wrap{
	box-sizing: border-box;
	width: 100%;
	background-color: #fff;
	padding: 20px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 2px rgba(0, 0, 0, 0.24);
  	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  	overflow: hidden;
}
.service-box-in{
	width: 90%;
	padding:0 10px 10px 10px;
	margin-left: auto;
	margin-right: auto;
}
.service-box-in h1{
	text-align: center;
	color: #80bfff;
}
.service-box-in p{
	color: #666;
	font-size: 15px;
}
.service-box-in-sq{
	width: 25%;
	margin-left: 50px;
	margin-right: 40px;
	float: left;
	padding: 5px;
	overflow: hidden;
	border-bottom:1px solid #d9d9d9;
	border-top:1px solid #d9d9d9;
	border-width: 50%;
}
.service-box-in-sq:hover{
	border-bottom:1px solid #333;
	border-top:1px solid #333;
}
.service-box-in-sq p{
	text-align: center;
}
.service-box-in-sq h2{
	font-weight: bold;
	text-align: center;
	color: #666;
}
.service-box-in-sq a{
	color: #666;
	font-weight: 600;
	align-content: center;
}
.service-box-in-sq a:hover{
	color: #008ae6;
}
.service-box-in-sq div{
	width:50px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
}
.service-box-in-sq div img{
	width:50px;
	height: 50px;
}

@media screen and (max-width:680px){
	.service-box-in{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.service-box-in-sq{
		width: 94%;
		overflow: hidden;
		padding: 10px;
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
	}
	.service-box-in-sq p{
		text-align: center;
		font-size: 14px;
	}
	.service-box-in-sq h2{
		font-weight: bold;
		text-align: center;
		color: #666;
		font-size: 18px;
	}
}

.break hr{
	border: 0;
	height: 0;
	width: 50%;
	margin-right: auto;
	margin-left: auto;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}




/*************************Highlights*************************/

.highlight{
	width: 100%;
	margin-bottom: 20px;
}

@media screen and (max-width: 680px){
	.highlight{
		height: 100px;
	}
}


/*************************Slider*************************/
@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}
 
div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 30s slidy infinite; 
}


/*************************Image grid*************************/
	.wrap {
		width: 80%;
       	overflow: hidden;
       	margin-left: auto;
       	margin-right: auto;
    }
    .wrap h2{
    	color: #666;
    	text-align: center;
    }
    .box {
       float: left;
       position: relative;
       width: 25%;
       padding-bottom:23%;
    }
    .boxInner {
       position: absolute;
       left: 10px;
       right: 10px;
       top: 10px;
       bottom: 10px;
       overflow: hidden;
    }
    .boxInner img {
       width: 100%;
    }
    .boxInner .titleBox {
       position: absolute;
       height: 70px;
       bottom: 0;
       left: 0;
       right: 0;
       margin-bottom: -50px;
       background: #000;
       background: rgba(0, 0, 0, 0.5);
       color: #FFF;
       padding: 10px;
       text-align: center;
       -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
       transition: all 0.3s ease-out;
    }
    body.no-touch .boxInner:hover .titleBox, body.touch .boxInner.touchFocus .titleBox {
       margin-bottom: 0;
    }
    @media only screen and (max-width : 680px) {
       /* Smartphone view: 1 tile */
       .box {
          width: 50%;
          float: left;
          padding-bottom: 50%;
       }
    }
    @media only screen and (max-width : 650px) and (min-width : 481px) {
       /* Tablet view: 2 tiles */
       .box {
          width: 50%;
          padding-bottom: 50%;
       }
    }
    @media only screen and (max-width : 1050px) and (min-width : 651px) {
       /* Small desktop / ipad view: 3 tiles */
       .box {
          width: 33.3%;
          padding-bottom: 33.3%;
       }
    }
    @media only screen and (max-width : 1290px) and (min-width : 1051px) {
       /* Medium desktop: 4 tiles */
       .box {
          width: 25%;
          padding-bottom: 25%;
       }
    }


/*************************Footer*************************/
.footer{
	width: 100%;
	background-color: #292c2f;
	border-top: 1px solid #f3f3f3;
	padding-top:10px;
	padding-bottom: 10px; 
	color: #f2f2f2;
	text-align: center;
}
.footer section{
	width: 70%;
	float: left;
	margin-left: 25px;
	margin-bottom: 10px;
}
.footer h3{
	font-weight: bold;
	color: #f2f2f2;
	text-align: center;
}
.footer p{
	color: #f2f2f2;
	font-size: 16px;
}
.footer a{
	color: #f2f2f2;
	margin-left: 20px;
	margin-bottom: 10px;
}
.footer-small{
	display: none;
}
@media screen and (max-width: 680px){
.footer{
	display: none;
}
.footer-small{
	display: block;
	width: 100%;
	background-color: #292c2f;
	border-top: 1px solid #f3f3f3;
	padding-top:10px;
	padding-bottom: 10px; 
	color: #fff;
	overflow: hidden;
	text-align: center;
}
.footer-small section{
	width: 100%;
	float: left;
	margin-bottom: 5px;
}
.footer-small h3{
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.footer-small p{
	color: #fff;
	font-size: 16px;
	text-align: center;
	text-overflow: hidden;
	line-height: 1.4em;
}	
.footer-smalls div{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}
.footer-small a{
	color: #fff;
	margin-left: 10px;
}
}


/*************************Projects*************************/
.container.gallery-container {
    background-color: #fff;
    color: #35373a;
    min-height: 100vh;
    padding: 30px 50px;
}

.gallery-container h1 {
    text-align: center;
    margin-top: 20px;
    font-family: 'Droid Sans', sans-serif;
    font-weight: bold;
}

.gallery-container p.page-description {
    text-align: center;
    margin: 15px auto;
    font-size: 18px;
    color: #999;
}

.tz-gallery {
    padding: 20px;
}

/* Override bootstrap column paddings */
.tz-gallery .row > div {
    padding: 2px;
}

.tz-gallery .lightbox img {
    width: 100%;
    border-radius: 0;
    position: relative;
}

.tz-gallery .lightbox:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    opacity: 0;
    color: #fff;
    font-size: 26px;
    font-family: 'Glyphicons Halflings';
    content: '\e003';
    pointer-events: none;
    z-index: 9000;
    transition: 0.4s;
}


.tz-gallery .lightbox:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(46, 132, 206, 0.7);
    content: '';
    transition: 0.4s;
}

.tz-gallery .lightbox:hover:after,
.tz-gallery .lightbox:hover:before {
    opacity: 1;
}

.baguetteBox-button {
    background-color: transparent !important;
}

@media(max-width: 768px) {
    body {
        padding: 0;
    }
}


a{
	color: #333;
	text-decoration: none;
}
.container{
	position: relative;
	text-align: center;
}
.clr{
	clear: both;
}
.container > header{
	padding: 20px 30px 10px 30px;
	margin: 0px 20px 10px 20px;
	position: relative;
	display: block;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    text-align: center;
}
.container > header h1{
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	font-size: 35px;
	line-height: 35px;
	position: relative;
	font-weight: 400;
	color: rgba(27,54,81,0.8);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    padding: 0px 0px 5px 0px;
}
.container > header h1 span{
	color: #c7957b;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.8);
}
.container > header h2, p.info{
	font-size: 16px;
	font-style: italic;
	color: #4a3124;
	text-shadow: 0px 1px 1px rgba(255,255,255,1);
}
/* Header Style */


p.tab-ex{
	text-align:center;
	display: block;
	padding: 14px;
}
p.tab-ex a,
p.tab-ex a.current-demo,
p.tab-ex a.current-demo:hover{
    display: inline-block;
	border: 1px solid #ddd;
	border-color: #ddd #aaa #aaa #ddd;
	padding: 4px 10px 3px;
	font-size: 13px;
	line-height: 18px;
	margin: 0px 3px;
	font-weight: 800;
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	color: rgba(27,54,81,0.8);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.9);
	background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
	background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	background: linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
}
p.tab-ex a:hover{
	background: #fff;
}
p.tab-ex a:active{
	background: #e5e5e5;
	background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top, #e5e5e5 0%,#ffffff 100%);
	background: -o-linear-gradient(top, #e5e5e5 0%,#ffffff 100%);
	background: -ms-linear-gradient(top, #e5e5e5 0%,#ffffff 100%);
	background: linear-gradient(top, #e5e5e5 0%,#ffffff 100%);
	-webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.9);
	-moz-box-shadow:0px 1px 1px rgba(255,255,255,0.9);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.9);
}
p.tab-ex a.current-demo,
p.tab-ex a.current-demo:hover{
	color: #999;
}
/* Media Queries */
@media screen and (max-width: 767px) {
	.container > header{
		text-align: center;
	}
	p.tab-ex {
		position: relative;
		top: auto;
		left: auto;
	}
}
/*************************About*************************/

.contained{
	width: 80%;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}
.contained h2{
	font-size: 2vw;
	margin-left: 10px;
}
.contained p{
	color: #666;
	font-size: 1.1vw;
	overflow: hidden;
	font-family: 'Muli', sans-serif;
}
.cont-hero{
	width: 100%;
	margin-top: 2vh;
	margin-bottom: 2vh;
}
.dwnld{
	background-color: #80bfff;
	padding: 5px;
	color: #fff;
	font-size: 1vh;
	text-align: center;
}
.dwnld a{
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}
.contained-small{display: none;}

@media screen and (max-width: 680px){
	.contained{display: none;}

	.contained-small{
		display: block;
		width: 80%;
		overflow: hidden;
		margin-left: auto;
		margin-right: auto;
	}
	.contained-small h3{
		font-size:4.2vw;
		text-align: center;
	}
	.contained-small p{
		font-size: 3vw;
		color: #666;
		font-family: 'Muli', sans-serif;
	}
	.dwnld{
		background-color: #80bfff;
		padding: 5px;
		color: #fff;
		text-align: center;
	}
	.dwnld a{
		text-decoration: none;
		color: #fff;
		font-size: 2vh;
		font-weight: bold;
	}
}
/*************************Contact*************************/
.section-left{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1%;
}
.section-right{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.contact-box{
	width: 27%;
	padding: 3%;
	line-height: 0.5em;
	float: left;
	align-content: center;
}
.contact-box h3{
	color: #000;
}
.contact-box p{
	color:#666;
}

@media screen and (max-width: 680px){
	.section-left{
		width: 100%;
		margin-bottom: 10px;
	}
	.section-right{
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.contact-box{
		width: 80%;
		padding: 5%;
		border: 1px solid #666;
		line-height: 0.5em;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
	}
	.contact-box h3{
		color: #000;
	}
	.contact-box p{
		color:#666;
		line-height: 1.2em;
	}	
}

/*****************************************Services***********************************/
.service-hero{
	width: 100%;
	height: 300px;
	background:#e7e7e7 url('../img/serv-banner.jpg');
	background-size: contain;
}
.service-main{
	width: 80%;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
}
.service-container{
	width: 100%;
	height: 44vh;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #d4d4d4;
}
.serv-img{
	width: 30%;
	float: left;
	border-top-left-radius: 30px;
	border-bottom-right-radius: 30px;
}

.serv-text{
	width: 60%;
	text-align: justify;
 	text-justify: inter-word;
	margin-left: auto;
	text-align: left;
}
.serv-text h2{
	text-align: justify;
	font-size: 2vw;
	margin-left: 10px;
}
.serv-text p{
	color: #666;
	text-align: justify;
	text-justify: inter-word;
	font-size: 1.1vw;
}
.service-main-small{ display: none; }
.service-container-small{ display: none; }
.serv-img-small{ display: none; }
.serv-text-small{ display: none; }

@media screen and (max-width: 680px){
	.service-main{ display: none; }
	.service-container{ display: none; }
	.serv-img{ display: none; }
	.serv-text{ display: none; }
	.service-hero{
		width: 100%;
		height: 60px;
		background:#e7e7e7 url('../img/serv-banner.jpg');
		background-size: contain;
	}
	.service-main-small{
		display: block;
		width: 100%;
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
	}
	.service-container-small{
		display: block;
		margin-right: auto;
		margin-left: auto;
		width: 96%;
		height: 48vh;
		margin-top: 8px;
		margin-bottom: 10px;
		border-bottom: 1px solid #d9d9d9;
	}
	.serv-img-small{
		display: block;
		width: 30vw;
		height: 11vh;
		margin-left: auto;
		margin-right: auto;
	}

	.serv-text-small{
		display: block;
		width: 90%;
		padding: 10px;
		text-align: justify;
 		text-justify: inter-word;
		margin-left: auto;
		margin-right: auto;
	}
	.serv-text-small h2{
		display: block;
		text-align: center;
		font-size: 4.2vw;
	}
	.serv-text-small p{
		display: block;
		color: #333;
		text-align: justify;
		text-justify: inter-word;
		font-size: 3vw;
	}
}

/*****************************************News and Events***********************************/

		.highlight-box{
			width: 80%;
			margin-left: auto;
			margin-right: auto;
		}
		.news-section{
			width: 45%;
			padding: 10px;
			border: 1px solid #a6a6a6;
			float: left;
			line-height: 1.2em;
			margin-left: 20px;
		}
		.news-section h3{
			font-size: 22px;
			text-align: center;
			font-family: 'Open-sans' Sans-Serif;
			color:#80bfff;
		}
		.news-section h4{
			font-size: 18px;
			text-align: center;
			margin-bottom: 12px;
			font-family: 'Open-sans' Sans-Serif;
			color: #595959;
			line-height: 0.4em;
		}
		.details{
			font-size: 16px;
			color: #595959;
		}
		.dates{
			font-size: 12px;
			color: #000;
			text-align: center;
		}
		.ticker{
			border-bottom: 1px dashed #333;
		}


		.fb-holder{
			width: 60%;
			float: left;
		}

.highlight-box-small{
	display: none;
}

.news-section-small{
	display: none;
}
	/*******************************Mobile View***********************/
	@media screen and (max-width: 680px){
		.highlight-box{
			display: none;
		}
		.news-section{
			display: none;
		}
		.highlight-box-small{
			display: block;
			width: 90%;
			margin-left: auto;
			margin-right: auto;
		}
		.news-section-small{
			display: block;
			width: 98%;
			padding: 10px;
			border: 1px solid #a6a6a6;
			line-height: 1.2em;
		}
		.news-section-small h3{
			font-size: 18px;
			text-align: center;
			font-family: 'Open-sans' Sans-Serif;
			color:#80bfff;
		}
		.news-section-small h4{
			font-size: 16px;
			text-align: center;
			margin-bottom: 12px;
			font-family: 'Open-sans' Sans-Serif;
			color: #595959;
			line-height: 0.4em;
		}
		.details-small{
			display: block;
			text-align: justify;
			font-size: 14px;
			color: #666;
		}
		.dates-small{
			display: block;
			text-align: center;
			font-size: 12px;
			color: #000;
		}
		.ticker-small{
			display: block;
			border-bottom: 1px dashed #333;
		}
	}


	/*************************************ADMIN********************************/
	.admin-hero{
		width: 100%;
		background-color: #80bfff;
		padding: 10px;
		color: #fff;
		font-weight: bold;
		text-align: center;
		font-size: 2vh;
	}
	.frm-admin{
		width: 46%;
		padding: 20px;
		float: left;
	}
	.frm-admin form{
		margin-left: auto;
		margin-left: auto;	
	}
	.frm-admin input{
		width: 90%;
		height: 10px;
		border:1px solid #d7d7d7;
		margin-bottom: 10px;
		background-color: #f1f1f1;
		padding: 10px;
	}
	.frm-admin textarea{
		width:90%;
		height: 120px;
		padding: 10px;
		border:1px solid #d7d7d7;
		margin-bottom: 10px;
		background-color: #f1f1f1;
	}
	.frm-admin select{
		width: 95%;
		height: 10px;
		padding: 10px;
		border:1px solid #d7d7d7;
		margin-bottom: 10px;
	}
	.frm-admin button{
		width: 95%;
		height: 40px;
		padding: 10px;
		border:1px solid #80bff3;
		background-color: #80bfff;
		color: #fff;
		font-weight: bold;
	}

	.admin-table{
		width: 80%;
		padding: 20px; 
		margin-left: auto;
		margin-right: auto;
		border:2px solid #80bfff;
		border-radius: 10px;
	}
	.admin-table h2{
		text-align: center;	
	}

	#fetched {
  		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 	 	border-collapse: collapse;
  		width: 100%;
	}

	#fetched td, #fetched th {
		border-left: 1px solid #fff;
  		padding: 8px;
	}

	#fetched tr:nth-child(even){background-color: #fff;}

	#fetched tr:hover {background-color: #ddd;}

	#fetched th {
  		padding-top: 12px;
  		padding-bottom: 12px;
  		text-align: left;
  		background-color: #80bfff;
  		color: white;
	}
	.admin-table-small{display: none;}
	.frm-admin-small{display: none;}
@media screen and (max-width: 680px)
{	
	.admin-table{display: none;}
	.frm-admin{display: none;}
	.admin-hero{
		width: 94%;
		font-size: 1vh;
	}
	.frm-admin-small{
		display: block;
		width: 96%;
		padding: 5px;
	}
	.frm-admin-small form{
		margin-left: auto;
		margin-left: auto;	
	}
	.frm-admin-small input{
		width: 90%;
		height: 10px;
		border:1px solid #d7d7d7;
		margin-bottom: 5px;
		background-color: #f1f1f1;
		padding: 10px;
	}
	.frm-admin-small textarea{
		width:90%;
		height: 60px;
		padding: 10px;
		border:1px solid #d7d7d7;
		margin-bottom: 5px;
		background-color: #f1f1f1;
	}
	.frm-admin-small select{
		width: 95%;
		height: 10px;
		padding: 10px;
		border:1px solid #d7d7d7;
		margin-bottom: 5px;
	}
	.frm-admin-small button{
		width: 97%;
		height: 40px;
		padding: 10px;
		border:1px solid #80bff3;
		background-color: #80bfff;
		color: #fff;
		font-weight: bold;
	}
	.admin-table-small{
		display: block;
		width: 96%;
		padding: 5px; 
		margin-left: auto;
		margin-right: auto;
		font-size: 3vw;
		border:2px solid #80bfff;
		border-radius: 10px;
	}	
	.admin-table-small h2{
		text-align: center;	
	}
	#fetched {
  		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 	 	border-collapse: collapse;
  		width: 100%;
	}

	#fetched td, #fetched th {
		border-left: 1px solid #fff;
  		padding: 4px;
	}

	#fetched tr:nth-child(even){background-color: #fff;}

	#fetched tr:hover {background-color: #ddd;}

	#fetched th {
  		padding-top: 6px;
  		padding-bottom: 6px;
  		text-align: left;
  		background-color: #80bfff;
  		color: white;
	}
}

/*****************LOGIN*********************/
.centre-box{
	width: 60%;
	padding:20px;
	margin-top: 20vh;
	margin-left: auto;
	margin-right: auto;
	border:2px solid #80bfff;
	border-radius: 20px;
}