/* Less variables */
@import "../../core/less/variables.less";
/* ------------------------- */
.mainImg {
  height: 630px;
  background-color: @navColor;
  background-image:url("../images/mainImage.jpg");
  background-size:cover;
  background-position:center;
  position:relative;
}
#mainText {
  color: @textColor;
  text-align:center;
  margin-top:200px;
}
#mainText p {
  font-size:23px;
  font-family: Georgia, Times, 'Times New Roman', serif;
}
#mainText h1 {
  margin-top:20px;
  font-size:36px;
  font-weight:bold;
  font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
}

@media only screen and (max-width: 640px) {
  .mainImg {
    height: 440px;
    background-image:url("../images/mainImageMb.jpg");
  }
  #mainText {
    margin-top:100px;
    padding: 0px 5px;
  }
  #mainText p {
    font-size:22px;
  }
  #mainText h1 {
    font-size:30px;
    margin-top:12px;
  }
}