@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,800,700,300);
@import url(http://fonts.googleapis.com/css?family=Squada+One);

*{
	box-sizing: border-box;
}

html{
	height:100%;
}

hr.style-two { 
	border: 0;
	height: 1px; 
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); 
}

body{
	margin:0;
	padding:0;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
	line-height: 1.42857143;
	color: #333;
	overflow:scroll;
}

#logo-placement{
	display: flex;
    	align-items: center;
    	justify-content: center;
	height:240px;
}

/********************************************** Logo Code *********************************************/
#logo {
  	font-family: 'Open Sans', sans-serif;
  	color: #555;
  	text-decoration: none;
  	text-transform: uppercase;
  	font-size: 150px;
  	font-weight: 800;
  	letter-spacing: -3px;
  	line-height: 1;
  	text-shadow: #EDEDED 3px 2px 0;
  	position: relative;
	margin-top:40px;
}

#logo:after {
  	content:"Assignments";
  	position: absolute;
  	left: 8px;
  	top: 32px;
}

#logo:after {
  	/*background: url(http://subtlepatterns.com/patterns/crossed_stripes.png) repeat;*/
  	background-image: -webkit-linear-gradient(left top, transparent 0%, transparent 25%, #555 25%, #555 50%, transparent 50%, transparent 75%, #555 75%);
  	background-size: 4px 4px;
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
  	z-index: -5;
  	display: block;
  	text-shadow: none;
}

/*************************** Navigation Bar ******************************/
nav{
	position:fixed;
	width:100%;
	background:#f8f8f8;
	border-radius: 4px;
	z-index:1030;
	border: 1px solid transparent;
	border-color: #e7e7e7;
}

nav ul {
    	overflow: hidden;
    	margin: 0;
    	padding: 0;
}

nav ul li {
    	list-style: none;
    	text-align: center;
    	box-sizing: border-box;
    	float:right;
}

nav ul li.left-button{
	float:left;
}

nav ul li:first-child {
    	border-left: none;
}

nav ul li a {
    	display: block;
    	text-decoration: none;
    	color: #777;
    	padding: 15px;
}

nav ul li a:hover {
    	color: #000;
}
/********************************** Main Content Wrapper ********************************/
#main-wrapper{
	width:100%;
	height:auto;
}

#main-content{
	width:75%;
	margin:auto;
}

/********************************** Image Gallery **********************************/
#image-gallery{
	margin:auto;
}

.GalleryItem{
	width:230px;
	height:220px;
	margin: 11px;
    	border: 1px solid #ccc;
	float:left;
}

.GalleryItem .img{
	width:220px;
	margin:auto;
	height:180px;
}

.GalleryItem .desc{
	text-align: center;
}

/******************************** Footer ***************************************/
footer { 
  	height: 125px;
	width:100%;
}

.clear{
	clear:both;	
}

/******************************** Contact Us Page ********************************/
#contact-us-page{
	width:90%;
	height:500px;
	margin:auto;
	margin-top:50px;
}

#map-box{
	width:60%;
	height:450px;
	border:4px solid #f8f8f8;
	float:left;
}

#contact-us-details{
	width:30%;
	float:left;
	margin-left:100px;
}

#contact-us-img{
	width:120px;
	margin:auto;
}

#contact-us-img img{
	border-radius:100%;
}

#contact-us-info{
	width:100%;
	
}

#contact-us-info h1 {  font-size: 35px; line-height: 30px; font-weight: normal; text-align:center; margin-bottom: 0px; margin-top: 10px; text-shadow: 0 1px 1px #fff; }