body {
  
  font-family:sans-serif;
  background-image: url("mathwall.jpg");
   background-repeat: no-repeat;
 background-position: center;
 background-attachment: fixed;
  background-size: 100% 100%;
}
 h1 {
  position: center;
  text-align: center;
  size: 300%; 
  font-family:sans-serif;
 
  text-shadow: 1px 1px #c8c8c8;
  color: #000000; 

}

#grad {
  background-image: linear-gradient(to right, #224455, #aaccbc);
}

 h2{

  font-family:sans-serif;

  text-shadow: 1px 1px #c8c8c8;
  color: #000000; 
}



.navbar {
  overflow:hidden ;
  background-color:#224455;
  position: sticky;
  width: 100%;
  top: 0;
padding: 1px;
  z-index: 2;
  border-radius: 7px;
  text-shadow: 1px 1px #000000

}

.navbar a {
  float: left;
  display: block;
  color: #224455;
  text-align: center;
  padding: 1% 2%;
  text-decoration: none;
  font-size: 17px;
 
}
.navbar a:hover {
  background: #44aacc;;
  color: #ffffff;

}
.navbar a.active {
  background: #44aacc;
  color: #ffffff;
}


.navbar a:visited{
  background: #44aacc;
  color: #ffffff;
}


 
a {
  text-decoration: none;
}
.a {
  text-decoration: none;

} 

a:link {
  color: #ffffff;
}
.a:link {
  color: #ffffff;
}

/* visited link */
a:visited {
  color: #ffffff;
}
.a:visited {
  color: #ffffff;
}



.header {

  text-align: center;
  padding: 5px;
clear:both;
}

.main{

  width: 100%;

font-size: 18px;
}

.footer {

  text-align: center;
  font-size: 100%;
margin: 4%;
clear:both;
}

.imgh {

 width:100%;
  
 }

.imgs {
float: center;
 z-index:-1;
 opacity: .9;
 width: 50%;
 }
.imgs:hover {

 opacity: 1;

 }


div.gallery {
 margin: 5%;

  float: left;
  width: 40%;
 
}

div.gallery:hover {
  opacity: 0.7;
}

div.gallery img {
  width: 80%;
  height: auto;
}

div.desc {
  padding: 15px;
  text-align: center;
 clear:both;
}
@media screen and (max-width: 600px) {
  div.gallery {
  float:none;
width: 180px;
margin: 5px;
  }
div.gallery img {
  width: 100%;
  height: auto;
}

.imgs {
float: center;
 z-index:-1;
 opacity: 1;
 width: 80%;
 }

.footer {

  text-align: center;
  font-size: 50%;
margin: 4%;
}
 #grad {
  background-image:none;
}

.navbar a {
	float: none;
	}
.navbar{
	position: static;
	}
}
 
a {
  text-decoration: none;
}
.a {
  text-decoration: none;

} 

body {
 font-family:sans-serif;
  background-image: url("mathwall.jpg");
   background-repeat: no-repeat;
 background-position: center;
 background-attachment: fixed;
  background-size: cover;
}


}