@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v15/EInbV5DfGHOiMmvb1Xr-hugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

html{

	
}

/*#577599*/
/*Header*/
header {
	display:flex;
	color:#333333;
	justify-content: space-between;
	margin:0 24px;
	height: 64px;
	background-color:white;
	align-items: center; 
	font-family:  sans-serif;
	
}
header div {
	display: flex;
	
}
header div h2{

	color:grey;
	/*font-size: 32px;*/
	height: :32;
	font-size:32px;
	font-weight: 500;

}
header nav span {
	margin:0 16px;
	font-size:25px;
}
header  .icon {
	display:none;
}
/*part1*/
#part1 {
	display:flex;
	background-color:#95bbd8;lightgrey;
	justify-content: center;

font-family:sans-serif;
font-weight: bold;
}

 div .image {
	
	width:58%;
	margin:32px 0px 34px 24px;
}

.text {
   
   
   
   margin:80px;
    
}
.image img{
    width:100%;
}
#part1 #learn {
	align-self: center;
	text-align:  center;
	width:40%;;

	margin-left: 30px;
	margin-right: 30px;
	font-size
	
}
#learn h1 {
	font-size:38px;
	font-weight: 800;


}
#learn h2{
	/*font-size:32px;*/
}


 #learn h3 {
	font-size: 25px;
	background-color: #404040;
	
	padding-top: 8px ;
	padding-bottom: 8px;
  border-radius: 5px;
  text-align: center;

}
#part1 #learn {
	
}


/*part2*/
#part2 {
	display:flex;
	/*justify-content: space-between;*/
	background-color: #65788e; grey;
	font-family:sans-serif;

	
}
#column1 img {
	display:flex;
	
     width:98%;
	border:solid grey 3px;
	justify-content: center;
	align-content: center;
	
}

#column1{
	display: flex;
	display:block;
	width:58%;
	background-color:#65788e; grey;
	background-color
	text-align: center;
	margin-top: 32px;
	margin-bottom:32px;
	font-family:Open Sans;
	margin-right:24px;
	margin-left:24px;

}
#column1 h2 {
	display:;
	margin-bottom:24px;
	font-family:'Open Sans';
	font-size: 32px;
	font-style:bold;
	color:#333333;
	text-align: left;
	margin-left: 24px;
	margin-right:24px;
}
#column1 p {
	color:#333333;
	margin:-left:24px;
	margin-right:26px;
}
#column1 span {
	display:flex;
	
	text-align: left;
	padding-left:24px;
}
#column2 {
	display:flex;
	flex-direction: column;
	
	width:40%;
	text-align: center;
	align-items:center;
	/*justify-content: cente;*/
	background-color:#65788e; grey;
	margin-top:32px;
	margin-bottom:32px;
	margin-left:;
	margin-right:5px;
}
  
#column2 #square {
	display:flex;
	width:100%;
	background-color:lightgrey;
	/*margin: 16px 16px;*/
	
}
#column2  img {
	height:auto;
	padding:16px 16px;
	
}

#square p {
	padding:8px 0;
	color:#404040;
	font-weight: 500;
	font-size:20px;
}
#square .pic2 {
	display:none;
}
#square div{
	padding-left:10px;
	padding-right
	padding-top:20px;
	padding-bottom:20px; 
	
	text-align: left;
	justify-content: center;
}
#square h3{
 font-style:bold;
 
 font-size: 25px;
 color:#333333;
 font-family:sans-serif;
}
a {
	font-size:20px;
	color: #3695b0 ;

}

/*part3*/
#part3 {
	display:flex;
     justify-content: center;
	background-color:lightgrey;
	Font-family:'Open Sans';
}


.big{
    
	display:flex;
	
	flex-wrap: wrap;
    margin-right:72px;
    margin-left:72px
	/*margin:32px 72px;*/;
	justify-content: center;
	align-content: center;
	background-color: lightgrey;
}
.rows  {


	width:28%;
	justify-content: center;
	background-color: white;
	align-content: center;
	
	
	margin:24px;

}
.rows img {
	height: auto;
	width:100%;
	justify-content:   center;
}
.rows {
	align-content: center;
	justify-content: center;
	color:lightgrey;
	text-align: left;
	border: solid  5px;
	padding-bottom: 24px;
}
 .rows .center   { 
	color:blue;
	background-color:;/*green;*/
	padding: 0px 0px;
	 

}
.rows .center p {
	font-size: 22px;
	padding: 10px 15px;
	color: grey;

}

/*div .center {
	/*display:inline-flex;*/
	/*display: inline-block;
	align-content: center;
	justify-content: center;
	color:green;
	text-align: left;
	border: solid blue 5px;
	padding-bottom: 24px;
	background-color: white;
	margin: 10px 10px;

	
}*/

.center h3{
padding: 16px 16px;
color:black;
font-family: 'Open Sans' Helvetica;
font-weight: 600;
font-size: 28px;

}
.center h2 {
	padding:8px 0;
	padding-left: 16px;
	color: grey;
	font-size:25px;
	font-weight:300;
}

/*start*/

#start {
    font-family:'Open Sans';
	display:block;
	padding-top:32px;
	padding-bottom: 10px;
    text-align: center;
     background-color:lightgrey;#1b304f;lightgrey;
}
/*hiden section*/
#hidden {
	display:none;
	text-align: ;
	margin-top:16px;
	margin-bottom:52px;

}
#hidden h2 {
    padding-top: 16px ;
    padding-bottom: 24px;

    background-color:grey;
    padding-left:16px;
    border-radius: 5px;

}



/*thesis*/
#thesis {
	display:flex;
	background-color: #243d5b;grey;
	justify-content: center;
}
#thesis h1 {
	display: flex;
	color:black;
	
	padding: 32px 32px;

}
h5 {
	font-size: 32px
}
#thesis #exhibit {
	display:none;
}
.foot {
	display:flex;
	justify-content: space-between;
	align-items: center;
}
#foot1 {
	margin: 16px 24px;
}
#foot2 span{
	color:;
	padding:16px 16px;
	
}

@media only screen and (max-width: 1280px) {
	header h2 {
		display:none;
	}
	header nav span {
		display:none;
	}
	header {
		display:flex;
		justify-content: center;
	}
	 #img {
		display:none;
	}
	 header  .icon {
	 	display:inline-flex;
	 	padding: 0 30px;

        
	
	}

	 div .image {
		width:100%;
		margin: auto;

	}
	#part1 {
		
		display:block;
		text-align: center;
		justify-content: center;
	}
	#part1 #learn  {
	color:grey;
	width:80%;
	display:;
	padding:32px 20px;
	
	
	margin:auto;
}
 #learn h3 {
	text-align:center;
}

	#part2 .column11 {
		display:none;
	}
	
	 #part2 .column22 {
		display:none;
	}
	#part3 {
		display:none;
	}
	#column2 {
        display:flex;
		width:100%;
		margin: auto;
		
	}
	
	#square div{
		
		width: 100%;
	padding-left:10px;
	padding-right:20px;
	padding-top:20px;
	padding-bottom:20px; 
	/*border:hotpink solid 2px;*/
	text-align: left;
	justify-content: center;
	background-color:grey;
}
	#column2 #square {
		display:block;
		justify-content: center;
		background-color:blu;
		margin:auto;
		width: 100%;
	}
	

#column2  img {
	display:none;
}


	#column2  .pic2 {
		display:block;
		padding: 16px 16px;
		width: 95%;
		height: 500px;
		text-align: center;
		margin: auto;
	}
	/*thirdpart*/
	#column1 {
		width: 100%;
		margin:auto;
	}
	#start {
		display:block;

	}
	#hidden {
		display:block;
	}
	#thesis #exhibit {
	display:block;
}
#thesis h1{
    display:none;
}
#square div  {
    text-align:center;
	display:block;
}

/*footer*/
#foot2 span{
	display:none;
	
}
footer  #foot1 {
	text-align: left;
	padding:16px 16px;
	font-size:30px;


}
footer{
	display:flex;
	justify-content: ;
}

}