body
{
	margin: 0;
	padding:0;
	
	font-family: sans-serif;
	/background: #000;/	
	
}

.container0 h1
{
	text-align: center;
	color: white;
	
}
.container 
{
	width: 100%;
	height: 100vh;
	overflow: hidden;
	
	
}
.container .row
{
	width: 25%;
	height: 100%;
	display: block;
	float: left;
	z-index: 1;
	
	
}
.container .row:last-child
{
	/border: none;/
	
}
.container .row:first-child
{
	/border: none;/
	
}
.container .row .content
{
	position: relative;
	height: 100%;

}

.container .row .content h1
{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	background: rgba(0,0,0,.1);
	text-align: center;
	margin: 0;
	padding: 0;
	color: rgba(255,255,255,.2);
	font-size: 15em;
	border-top: 2px solid rgba(0,0,0,.5);
	border-bottom: 2px solid rgba(0,0,0,.5);
}
.container .row .content .box 
{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	box-sizing: border-box;
	padding: 40px;
	background: rgba(255,255,255,1);
	text-align: center;
	transition: 0.5s;
	opacity: 0;
	
	
}

.container .row.active .content .box 
{
	opacity: 1;
	transform: translateY(-50%);
	
}
.container .row .content .box h2
{
	margin: 0;
	padding: 0;
	font-size: 30px;
	color: #262626;
	
}


.container .row .content .box p

{
	color: #262626;
 	font-size: 18px;
}

.container .row.active .bg

{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
    pointer-events: none;
	z-index: -1;
	
}

.container .row.active .bg.bg1
{
	background: url("TitleBGDemo_00^u.png");
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	transition: 0.8s;
	
}


.container .row.active .bg.bg2
{
	background: url("TitleBGMulti_00^u.png");
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	transition: 0.8s;
}


.container .row.active .bg.bg3
{
	background: url("TitleBGSingleOpen_02^u.png");
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	transition: 0.8s;
}

.container .row.active .bg.bg4
{
	background: url("TitleBGSingleOpen_00^u.png");
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	transition: 0.8s;
}


.navbar {
  position: fixed;
  top: 0;
  z-index: 1;
  display: flex;
  width: 100%;
  height: 60px;
  background: rgba(0,0,0,0.7);
}

.navbar ul {
  display: flex;
  list-style: none;
  width: 100%;
  justify-content: center;
}

.navbar ul li {
  margin: 0 1rem;
  padding: 1rem;
}

.navbar ul li a {
  text-decoration: none;
  text-transform: uppercase;
  color: #f4f4f4;
}

.navbar ul li a:hover {
  color: skyblue;
}

section {
  display: flex;
  flex-direction: column;

  justify-content: center;
  text-align: center;
  width: 100%;
  height: 100vh;

}
section#about {
  background: url('TitleBGSingleOpen_04^u.png')no-repeat center center/cover;;
}

section#about 
{
	color: white;
}	
.abbotlink{
	Font-size: 22px;    
	position: relative;
	right: 40px;
	top: 20px;

	

}
.abottpic{
	
	transform: translate(500px,90px);
	background-image; url("abbot2.png");
}


.image {
	width: 40px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,sans-serif;
	font-size: 20px;
    background-color: #fff;
    transform: translate(750px,-480px);

  
}


section#college h4 {
	transform: translate(-370px,0px);
}



