body,html{
margin:0px;
padding:0px;
background-color:#E2E3E5;	
	
}

.fontcolor1{
color:#3D948B;	
}


.fontcolor2{
color:#262626;	
}

@font-face {
    font-family: logo;
    src: url('DIVERGENT.ttf'); 
	 
    }
	
	
@font-face {
    font-family: ms;
    src: url('museosans.ttf'); 
	 
    }	
	
	
#topBar1{
	background-color:#FFF;
width:100%;
border-bottom:1px solid grey;
	height:60px;
	  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}
	
#mainTitle{
font-size:25px;	
font-family:logo,arial;	
padding:16px;	

}

.fullblocktext{
	width:1450px;margin:auto;
	font-family: ms,arial;

	border:1px solid grey;
	padding:10px;
	color:#414141;
	background-color:#eeeff0;
}

.spacer50{height:50px;width:100%;}


.subtitle1{
font-size:21px;
font-weight:bold;
font-family:ms,arial;		
}



.thirdHolder{
width:1500px;
margin:auto;	
}

.thirdHolder:hover{opacity:.8;}

.third{
	width:500px;
	text-align:center;
	float:left;
	height:450px;
	}

.third img{width:400px;margin-right:50px;margin-left:50px;
border:5px solid white;
}


@media screen  and (max-width:1590px){

.fullblocktext{
	width:auto;
	font-family: ms,arial;
 	margin-right:70px;
	margin-left:70px;
	border:1px solid grey;
	padding:10px;
	color:#414141;
	background-color:#eeeff0;
}

.third{
	width:50%;
	}
	.thirdHolder{
width:100%;	
}
}


@media screen  and (max-width:1050px){

.third img{width:70%;}
	
	
.third{
	width:45%;
	}	
	
}

@media screen  and (max-width:900px){


	
	
.third{
	height:300px;
	}	
	
}


@media screen  and (max-width:500px){
.third{
	width:94%;height:auto;margin-bottom:70px;
	}
	
}



@media screen  and (max-width:450px){
	.fullblocktext{
	

 	margin-right:30px;
	margin-left:30px;

}
	
}