.background1 {
  background: url("../img/background1a.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.background2 {
  background: url("../img/background2a.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.background3 {
  background: url("../img/background3a.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.background4 {
  background: url("../img/background4a.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.nobackground {
 background-color: rgba(253,243,243,0.7); 
}



.homepage {
  background: url("../img/homepage.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.homepage1 {
  background: url("../img/background8a.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.container {background-color: rgba(253,243,243,0.7); padding:40px; margin-top:50px;

-moz-box-shadow:0px 0px 30px #ffffff;
-webkit-box-shadow:0px 0px 30px #ffffff;
box-shadow:0px 0px 30px #ffffff;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}







.home .container {background-color:transparent; box-shadow: 0px 0px 0px 0px; height: 100vh;}
.center {text-align: center;
margin:0 auto;}

.scale-to-grid {width:100%;}

.logo {-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;}


.flexrow {display: flex; justify-content:center; align-items: center;}
.flexitem {}



/* Navigation */ 

.navbackground {width:100%; background-color:rgba(54,129,175,0.8);   
            position: fixed;
           bottom: 0;
		   z-index: 9999;
		   display:block;
		 }



#nav {position:fixed; top:0px; font-size:2.2rem; line-height:2.2rem; z-index:6666; font-family: 'Alegreya', serif;
	color: #fff;
	text-align:left;
	width:100%; height:70px; 
letter-spacing: 1px;
	}

#nav ul {
	margin: 0px;
	padding:0px;}

	#nav ul li {
		display: inline-block;
		list-style-type: none;
		padding:0px; margin:0px;
	}


	#nav ul li:hover {
			background-color: #4c7c9e;
	}


	
		#nav ul li a {
			color: #fff;
			display: block;

padding:10px; 
			text-decoration: none;


		}
	        #nav ul li a:visited {
			border-bottom: 0px solid transparent; 
		}
		
#nav ul li a:hover {

			color: #fff;
		}


.selected {
background-color: #2975a9;

		}

	
.mobile-menu-link {display:block; text-decoration:none; color:#fff; background-color:#7a99b3; position:relative; z-index: 100; height:50px; } 

        .mobile-menu-link:hover, .mobile-menu-link:visited {color:#fff;}   
        ul.menu-large {display:none;}
		
		.open ul {      
        color:#fff;
        font-size:1.5rem;
        display: block;
        z-index: 9000; 
        position:relative;  
		margin-left:30px;
        }
        
        .mobile-home {margin-bottom:16px; margin-top:20px;}

        #nav.open ul li { display: block; list-style: none; width:100%; padding: 10px 20px;}
        #nav.open ul li a, .mobile-home { display: inline-block; padding: 4px; color:#fff!important; text-decoration: none;   }
    
        #nav.open ul li a:hover, #nav.open ul li a:active, .mobile-home:hover, .mobile-home:active  { color: #fff; }




 /* lines menu icon */

	.nav-opener {
		top: 17px;
		left: 25px;
		z-index: 101;
		display: inherit;
		position: absolute;
		text-indent: -9999px;
		width: 21px;
		height: 14px;
		padding:10px;
	}

	.nav-opener:before,
	.nav-opener:after,
	.nav-opener span {
		top: 5px;
		left: 0;
		right: 0;
		height: 2px;
		position: absolute;
		background: #fff;
		-webkit-transition: all .2s linear;
		transition: all .2s linear;
	}

	.nav-opener:before,
	.nav-opener:after {
		content: "";
		top: 0;
	}

	.nav-opener:after {
		top: 10px;
	}

	.nav-opener.overlay {
		opacity: 0;
		padding: 0;
		z-index: 8899;
		position: fixed;
		visibility: hidden;
		top: 40px;
		left: 0;
		right: 0;
		bottom: 0;
		bottom: auto;
		width: auto !important;
		height: 9999px !important;
		-webkit-transition: all .25s linear;
		transition: all .25s linear;
	}
	

	.nav-opener.overlay:hover {
		opacity: 1;
		background: rgba(122, 153, 179, .9);
	}

	.nav-opener.overlay:after,
	.nav-opener.overlay:before {
		display: none;
	}


	/* close button transition */

	.open .nav-opener {
		height: 16px;
	}

	.open .nav-opener span {
		opacity: 0;
	}

	.open .nav-opener:hover {
		opacity: .9;
	}

	.open .nav-opener:after,
	.open .nav-opener:before {
		top: 7px;
		background: #fff;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.open .nav-opener:after {
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
    
    .open .overlay {
		opacity: 1;
		visibility: visible;
		background: rgba(122, 153, 179, .9);
	}		


/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {}


/* Larger than tablet */
@media (min-width: 750px) {
	footer h4 {font-size:1.5rem; line-height:1.1; }

		#nav {text-align:center; line-height:2.2rem;}
		#nav ul li {text-align:left;}

    /* Navigation changes from line menu to on page */
    .mobile-menu-link {display:none;}
    .nav-opener {display:none;}
    .nav-search {display:none;}
    #nav {position: relative; font-size:2rem; line-height:2; height:auto; display:block;
      }  


     ul.menu-large {display:inline-block;}

    	}

/* Larger than desktop */
@media (min-width: 1000px) {
	

	}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}


.stick {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 100;
    border-top: 0;
}



        /*Second level rollover */
	
#nav li ul {
display: inline-block;
	position: absolute;
	left: -999em;
	z-index: 100; width:16em;
	background-color: #2975a9;}

#nav li:hover ul {
	left: auto;

	}


#nav li ul li {
border-bottom:2px solid #fff;
line-height:18px; text-align: left;
width:100%;

	}

	#nav li ul li  a{
line-height:18px; 


	}

#nav li ul li:hover {
background-color: #4c7c9e;
}

#nav li ul {

    visibility:hidden;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition:1s ease;
    -moz-transition:1s ease;
    -o-transition:1s ease;
    transition:1s ease;
}
#nav ul > li:hover ul {
    visibility:visible;
    opacity:1;
    filter:alpha(opacity=100);
}


blockquote{
  display:block;
  padding: 15px 20px 15px 55px;
  margin: 0 0 20px;
  position: relative;
}

blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/

  /*Font*/
  font-family: Georgia, serif;
  font-size: 80px;
  font-weight: bold;
  color: #7a99b3;
  
  /*Positioning*/
  position: absolute;
  left: 10px;
  top:-25px;
}

blockquote::after{
  /*Reset to make sure*/
  content: "\201D";
    /*Font*/
  font-family: Georgia, serif;
  font-size: 80px;
  font-weight: bold;
  color: #7a99b3;
  
  /*Positioning*/
  position: absolute;
  right: 10px;
  bottom:-15px;
}

.citation
{font-family: 'Satisfy', cursive;  color: #666;font-size:3rem; text-align: right; padding-right:150px; margin-top:0px; }

.circular {
  border-radius: 50%;
}


.imagelayer{
    position: relative;
    width: 100%;
}

.overlay {position: absolute;
top: 5%;
left: 4%;
z-index: 999;
max-width: 60px;
height: auto;}