@font-face {
    font-family: 'SNTAnouvong';
    src: url('../fonts/SNTAnouvong.eot');src: url('../fonts/SNTAnouvong.eot?#iefix') format('embedded-opentype'),url('../fonts/SNTAnouvong.woff') format('woff'),url('../fonts/SNTAnouvong.ttf') format('truetype'),url('../fonts/SNTAnouvong.svg#SNTAnouvong') format('svg');font-weight: normal;font-style: normal;
}

html{
  background-color: #e2ae5c;
  text-align: center;
  /*background-image: url("../img/seamlessBG.jpg");*/
  background-image: url("../img/bgqk.jpg");
}
.mourning-container{
  margin: 20px auto;
  color: #775425;
}
.headLine{
  font-size: 37px;
  line-height: 50px;
  font-family: 'SNTAnouvong';
  margin-top: 20px;
  margin-bottom: 15px
}
.enter{
  display: block;
  padding: 30px 0 10px;
  position: relative;
  color: #5e421e;
  font-size: 1.2em
}
.mainPic{
  width: 800px;
}
@media (min-width: 767px) {
  .mainPic{
    width: 320px;
  }
  .enter{
    font-size: 1.5em;
  }
}
@media (min-width: 992px) {
  .mainPic{
    /*width: 35%*/
    width: 65%
  }
}
@media (min-width: 1280px) {
  .headLine{
    font-size: 65px
  }
}
@media (min-width: 1500px) {
  .headLine{
    margin-top: 35px
  }
  .mourning-container{
    font-size: 1.2em
  }
}