@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
body {
    font-family: 'Playfair Display', serif;
    height: 100vh;
    overflow: hidden;
}
.custom {
  height: 100vh;
  position: relative;
}
p {
  font-family: 'Roboto', sans-serif;
}
.msgBox, .imgBox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 100%;
}
.height100, .txtSize {
  height: 100vh;
}
@media (max-width:999px) {
	body {
    font-family: 'Playfair Display', serif; 
    overflow:auto;
}
  .msgBox { 
	  padding: 20px;
  }
  .txtSize {
    height: 25vh;
    bottom: 20px;
    position: absolute !important;
	  
  }
	.height100 {
    height: 75vh;
}
}