body.home {
	background-image: url("/img/mental_close.jpg");
		background-size: cover;
	margin-bottom: 150px;
}


.header{
		margin-left:10px;
	font-size: 30px;
	margin-top: -10px;
	position:fixed;
	z-index:1;

}
 h1 {f
  position: absolute;
	text-align:center;
	margin-top:50px;
	 width:100%;
	 font-weight: 300;
}



a {
  color:black;
  font-size: 20px;
  position: absolute;
  text-decoration: none;
}

a:hover {
  color: teal;
  transform:scale(1.5);
}

a:active {
  color:white;
}

a.ex {
  font-size: 15px;
	position:relative;
}

a.home {
	font-size: 110px;
	font-style: italic;
	left: 200px;
	  z-index: 1;
}
a.home:hover{
transform: scale(1);
}

img {
  position:absolute;
	   height:500px;
}


.sidebar {
  margin-top:30px;
  left:42px;
  position: fixed;
	width:100px;
		z-index:1;
}

.nav {
  display: inline-flex;
  position: relative;
  font-size: 15px;
  color: #709899;
	z-index:1;
}
	
.zela {
	margin-left:10px;
	font-size: 30px;
	margin-top: -10px;
	position:fixed;
	z-index:1;
	
}

.header:hover {
transform:none;
}

.text {
	
  display:flex;
		  position: relative;
}

.gal {

 display:flex;
	  left: 250px;
	  position: relative;
	flex-direction: column;

}

.now {
		  position: relative;
}

#gradinfo {
	font-size: 28px;
}


.info {
font-size:28px;
top:100px;
  right: 140px;
  position: fixed;
 width:30%;
  font-size: 14px;
}

.about {
	margin-top:10px;
  right: 100px;
  position: fixed;
 width:180px;
  font-size: 14px;
}



@media (min-width: 320px) and (max-width: 480px)  {
	body {
		font-size:15px;
	}
	body.home {
		background-image: url("/img/mental_close.jpg");
		background-size: cover;
	}

	div.home {
		left: 50px;
		font-size: 30px;
	}
	
	a.home {
		font-size: 70px;
			left:10px;
		margin-top: -50px;
	}
	
	a {
		font-size: 15px;
	}
	
	a:hover {
		  transform:scale(1);
}
	h1 {
		margin-top: 50px;
		font-size:20px;
	}

h1.mobile {
	display:none;
	margin-top: 150px;
	}
	
	.sidebar {
		position: fixed;
		width: 100%;
		height:23px;
		padding: 4px;
  margin-top:50px;
		margin-left:-30px;
		font-size: 15px;
	}
	
	img {
		height:150px;
		z-index:0;
	}

	img.mobile{
		display:none;
	}
	.gallery {
		display:none;
	}
	

	.text {
		margin-top:20px;
		right:110px;
		width:65%;
	}
	

	

	.info {
		position:relative;
		color:transparent;
		font-size:15px;
		position: absolute;
 top:275px;
left:10px;
		width:35%;
	}
	
	.info {
		position:fixed;
		color:transparent;
		position: absolute;

		width:35%;
	}

	
	.now{
	  position: relative;
  padding: 10px 1px 10px 1px;
	}

}