body

{

	

	max-width:1000px;

    margin: auto;

    background-color:#FFF;

    padding: 10px;

}
h1
{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#035084;
	font-size: 32px;
	text-align:center; 
	position: relative; 
	top:80px;
	
}













@media screen and (max-width: 600px) {
  
 
  .PR
  {
	width:75%;
	font-size:15px;
	text-align:center;
	  
  }
}



/* Add media queries for responsiveness - when the screen is 500px wide or less, stack the links on top of each other */
@media screen and (max-width: 500px) {
  #logo {
    width: 80%;
    height:150px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .centered {
    display: none;
	

  }
  
}

nav {
    background-color: #9F9C8F;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
  }

ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  ul li {
    margin-right: 20px;
  }
  
  ul li a {
    color: white;
    text-decoration: none;
    transition: color 0.3s;
  }
  
  ul li a:hover {
    color: white;
  }
  
  .checkbtn {
    font-size: 30px;
    color: white;
    cursor: pointer;
    display: none;
  }
  
  #check {
    display: none;
  }
  
  @media (max-width: 768px) {
    .checkbtn {
      display: block;
      order: 1;
      margin-right: 20px;
    }
	.body
	{
		width:80%;
	}
  
    ul {
      display:block;
      top: 80px;
      right: -100%;
      background-color:#9F9C8F;
      width: 80%;
      height: 200px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      transition: all 0.3s;
    }
  
    ul li {
      margin: 10px 0;
    }
  
    ul li a {
      font-size: 20px;
    }
  
    #check:checked ~ ul {
      right: 0;
    }
  }








.media

{

	position:relative;

	top:100px;

}

#main {

	width: 100%;

	height: 50px;

	display: -webkit-flex; /* Safari */

	-webkit-flex-wrap: wrap; /* Safari 6.1+ */

	display: flex;

	flex-wrap: wrap;

}



#main div {

    width: 100%;

}

div.gallery {

    border: 1px solid #ccc;

}



div.gallery:hover {

    border: 1px solid #777;

}



div.gallery img {

    width: 100%;

    height: auto;

}



div.desc {

    padding: 15px;

    text-align: center;

}



* {

    box-sizing: border-box;

}



.responsive {

	float: left;

	width: 19.5%;

	padding-top: 0;

	padding-right: 6px;

	padding-bottom: 0;

	padding-left: 6px;

}





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

    .responsive {

        width: 49.99999%;

        margin: 6px 0;

    }

}



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

    .responsive {

        width: 49.99999%;

        margin: 6px 0;

    }

}



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

    .responsive {

        width: 90%;

		position:relative;

		left:10px;

		

    }

	
.text div
{
	width:100%;
}
	
.add
{
	display:none
}
	

}



.clearfix:after {

    content: "";

    display: table;

    clear: both;

}

.footer

{

	position:relative;

	left:35px;

	bottom:20px;

}