{box-sizing:border-box}
body {

}
body{

font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  width:100%;
  font-size: 18px;
  background-image: url(../images/pages/bgd.jpg);
  background-size: contain;
  
}

@media screen and (max-width:600px)
{
body  {
    font-size: 20px;
  }
}

h1
{
text-align: Center;
font-family: georgia, times serif;
font-weight: italic;
}

h2
{
text-align: center;
font-family: georgia, times serif;

}

span
{
font-size: 25px;
}
   
.magc{
  width:100%;
  position: fixed;
  top: 0;
    z-index: 1;
opacity:0.9;

}

.top-images
{
  display:flex;
  background-color:  #000066;

  width:100%


}

.top-images img
{
  width:170px;
}

@media screen and (min-width: 992px){
 .top-images img  { width: 400px;

  }
}


.ryt
{
  width:40%
}

.lft
{
  display:flex;
  justify-content:flex-end;
width:60%

}

.bodied{
	max-width: 100%;

}

.hdn
{
	background-color: #eaeae1;
	 max-width: 100%;
    margin-left: 10%;
    margin-right: 10%;
	margin-top: 190px;
   
}

  .about-us
  {

    max-width: 100%;
    padding-left: 10%;
    padding-right: 10%;
    display: flex;
  margin:auto;
  margin-bottom: 20px;
    justify-content: center;
  flex-wrap: wrap;
  position:relative;

  }


  @media screen and (max-width: 600px){
    .about-us  {
      padding-left: 1%;
      padding-right: 1%;
    }
  }


  .about-box1 {
	  background-image: url(../images/bg2.png);
  background-size: contain;
    width: 35%;
  background-color: #d5d5c3;



  }

.about-box1 img {
  width:100%;
  padding: 5%;
}

  .about-box2 {
    width: 65%;
  background-color:#ffffff ;
    padding: 30px;

  }
  
  .about-box2 img{
	  max-width:600px;
	  display: block;
	  margin:auto;
  }
  
   @media screen and (max-width: 600px){
    .about-box2 img  {
      width: 100%;
    }
  }
  

  @media screen and (max-width: 600px){
    .about-box1, .about-box2  {
      width: 100%;
    }
  }


table{
	width:300px;
text-align: center;
margin:auto;
background-color: #eaeae1;
}


/* gallery */
.lightbox-gallery {
	width: 80%;
	margin:auto;
    background-color: #000060;
    color: #000;
    overflow-x: hidden
	
}

.lightbox-gallery p {
    color: #fff
}

.lightbox-gallery h2 {
    font-weight: bold;
    margin-bottom: 40px;
    padding-top: 40px;
    color: #fff
}

@media (max-width:767px) {
    .lightbox-gallery h2 {
        margin-bottom: 25px;
        padding-top: 25px;
        font-size: 24px
    }
}

.lightbox-gallery .intro {
    font-size: 16px;
    max-width: 500px;
    margin: 0 auto 40px
}

.lightbox-gallery .intro p {
    margin-bottom: 0
}

.lightbox-gallery .photos {
    padding-bottom: 20px
}

.lightbox-gallery .item {
    padding-bottom: 30px
}