body, html {
	height: 100%;
	width: 100%;
	overflow-y: auto;
  }

  body{
	background-image: url("../images/AccessitLibrarybcg2.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
  }

/* Colors */

	.a600 {
		color:#102b4c;
	}

	.n300 {
		color:#E9E9E9;
	}

/* Background colors  */
	.bga600 {
		background-color: #102b4c;
	}

	.bgn300 {
		background-color:#E9E9E9;
	}

	.bgn100 {
		background-color: #F8F8F8;
	}

	.bgWSS {
		background-color: #05198E;
	}

	.bgwh{
		background-color: #ffffff;
	}

/* Fonts - sizes */
	h1 {
		font-size: 2rem; /* 36px */
		line-height: 2.5rem;
		font-weight: 300;
	}

	@media only screen and (max-width: 650px) {
		h1 {
		  font-size: 1.5rem;
		  line-height: 1.7rem;
		}
	}

	h2 {
		font-size: 1.5rem; /* 36px */
		line-height: 2.rem;
		font-weight: 300;
	}

	a {
		color:#05198E;
	}

	a:hover{
		color: #BF511D;
	}

	p {
		font-size: 1.2rem;
	}

	.button4 {
		border-radius: 22px;
		background-color: #0262aa; /* Green */
		border: none;
		color: white;
		padding: 10px;
		padding-right: 30px;
		padding-left:30px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 1rempx;
		margin: 4px 4px;
		cursor: pointer;

	}