body{
    font-family: arial, sans-serif;
   }

   main{
    width: 992px;
    margin: 0 auto; 
   }
   
   h1{
	font-size: 50px;
	text-align:center;
   }
   
   h2{
	font-size: 30px;
	text-align:center;
   }
   
    h3{
	text-align:center;
   } 
   
    h4{
	font-size: 20px;
	text-align:center;
   }
   
    p{
	font-size: 16px;
   }
   
   	#backgroundimage{
	height:500px;
	position:relative;
	background-image: url('../img/expo1.jpg');
	background-size: cover;
	background-position: center;
	clear:both;
	}
	
   #background-text{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	text-align:center;
	color: black;
	background-color:grey;
	padding: 0 30px;
   }
     
	#button-container2{
	float: left;
   }
   
   	#photo1{
	height: 170px;
	}
	
	#photo2{
	height: 275px;
	}
	
	#photo-grid2{
	height: 670px;
	}
	
	#textboxcenter{
	padding: 2px;
   }
   
   	#half-box4{
	padding: 10px;
    width: 48%;
	} 
	
    .bottomspace{
	margin-bottom: 50px;
	height: 600px;
	}
	
	.spacing{
    padding:15px;
   }
   
   .textbox{
	text-align: justify;
	padding: 0 15px 0 0;
   }
   
  .textbox2{
	width: 45%;
	float: right;
	text-align: justify;
   }
   
    .textbox3{
	text-align: justify;
	padding: 20px;
   }
   
    .textbox4{
	text-align: justify;
	padding: 70px 80px 0 0;
   }
   
    .textbox5{
	float: left;
	text-align: justify;
	padding: 0 5px 0 50px;
   }
   
    .textbox6{
	float: left;
	width: 40%;
	text-align: justify;
	padding: 0 10px 0 10px;
   }
  
   .button-container{
	width: 200px;
	float: right;
    margin: 50px 0;
   }

   .button-container-bottom{
	width: 300px;
    margin: 0 auto;
   }

   .head-button{
    color: white;
    background-color: grey;
    padding: 15px 30px;
    text-decoration: none;
	display: block;
    width: 100px;
    margin: 0 auto;
    text-align: center;
   }
   
   .bottom-button{
    color: white;
    background-color: grey;
    padding: 15px 30px;
    text-decoration: none;
	display: block;
    width: 100px;
    margin: 0 auto;
    text-align: center;
   } 
	
   .heading2{
	color: black;
	padding: 50px 0 10px;
   }
   
   .photo-grid{
    margin-bottom: 70px;
    height: 650px;
	background-color: lightgrey;
   }

   .photo-box{
    width: 25%;
    float: left;
   }

   .photo-box2{
    width: 50%;
    float: left;
   }
    
	.photo-box3{
    width: 50%;
    float: right;
   }
   
   .photo-content{
    width: 200px;
	height: 250px;
    object-fit: cover;
   }

   .photo-content2{
    width: 100%;
	height: 300px;
    object-fit: cover;
   }  
	
   .photo-content3{
    width:400px;
	height:500px;
    object-fit: cover;
   }  
   
    .photo-content4{
    width:250px;
	height:370px;
    object-fit: cover;
   }  
   
   .photo-content5{
    width: 200px;
	height: 170px;
    object-fit: cover;
   }  
   
    .photo-content6{
    width: 100%;
	height: 120px;
    object-fit: cover;
   }  
   
   .content-box{
    margin-bottom: 30px;
    height: 500px;
   }
   
    .container{
	position:relative;
    margin-bottom: 50px;
    height: 200px;
	background-color:lightgrey;
	clear:both;
   }
   
   .container2{
	position:relative;
    margin-bottom: 50px;
    height: 400px;
	background-color:lightgrey;
	clear:both;
   }
   
   .container3{
	margin-bottom: 30px;
    height: 405px;
	background-color:grey;
   }
   
   .containersmall{
	margin-bottom: 50px;
	height: 100px;  
	background-color:lightgrey;
	clear:both;
   }
  
    .floated-image{
	float: right;
	margin-right: 20px;
	margin-top: 20px;
	width:250px;
	height:200px;
	object-fit: cover;
   }
	
	.half-box{
    padding: 15px;
    width: 45%;
    float: left;
	background-color:lightgrey;
	}
	
    .half-box2{
    padding: 15px;
    width: 45%;
    float: right;
	background-color:lightgrey;
	}

	.half-box3{
    padding: 15px;
    width: 45%;
    float: right;
	background-color:lightgrey;
	margin-bottom: 20px;
	}
	
   .list{
	padding: 30px 0 0 30px;
   }