/* CSS Document */

.head{background:url(../images/background.png) top center no-repeat;background-size:cover;height:auto;padding:5% 0 24%;}
.map .mainimage{float:right;max-width:100%;}
.layout{position:relative;}
.worklink{position: absolute;height: 185px;width: 34%;right: 7%;top: 165px;font-family:"PWScratchedfont";}
.aboutlink{position:absolute;height: 255px;width: 19%;right: 46%;top: 90px;}
.meetuslink{position:absolute;height: 260px;width: 19%;right: 22%;top: 360px;}
.navbar-nav > li > a{padding:5px;}
.image1:hover{background-color:#000;}
.homesection img{margin:25px 0;}
.homesection p{font-size:18px;line-height:32px;}
.abouttext p{margin:15px 0;}
.porttab {padding: 20px 0;font-size: 16px;}
.media-image{border:1px solid;padding:10px;margin:15px 0;}
.media-image img{ border-bottom:1px solid; padding-bottom:10px;}
.media-title{text-align:center;margin:20px 0 10px;}
.navbar-default{background-color:transparent;border-color:transparent;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{color:transparent;background-color:transparent;}
.head nav .nav li a img.none{display:none;}
.head nav .nav li a:hover img.none{display:inline-block;}
.head nav .nav li a:hover img.block{display:none;}
.worklink:hover ~ .block{display:none;}

@media screen and (max-width:400px){
.worklink {height: 100px;width: 39%;right: 17%;top: 105px;}
.worklinkhover, .aboutlinkhover, .meetlinkhover{position:relative;left:0;top:0;}
.aboutlink {height: 70px;width: 30%; right: 60%;top: 135px;}
.meetuslink {height: 155px;width: 23%;right: 34%;top: 216px;}
.abouttext p{padding:0 12px;}
.home, .worksec, .contactsec{padding:40px 0;}

}
@media (min-width:401px) and (max-width:767px){
	
}
@media screen and (max-width:767px){
	
	
}
@media (min-width:768px) and (max-width:991px){
	.aboutlink {height: 218px;width: 25%;right: 64%;top: 78px;}
	.worklink {height: 144px;width: 38%; right: 17%;  top: 150px}	
	.meetuslink {height: 240px;width: 23%;right: 33%;top: 305px;}
	.home, .worksec, .contactsec{padding:40px 0;}
	
}
@media (min-width:992px) and (max-width:1199px){
	
	.worklink{right:15%;}
	.aboutlink{width: 23%;right: 56%;}
	.meetuslink{right:31%;}
	.home, .worksec, .contactsec{padding:50px 0}
	.navbar-default{margin-top:150px;}
}
@media (min-width:1200px){
	.navbar-default{margin-top:150px;}
}