@media screen and (min-width: 988px) {
.y
{width: 600px;
padding: 0px 0px 0px 0px;
border: 0px;
}
.ys
{width: 500px;
padding: 0px 0px 0px 0px;
border: 0px;
text-align: justify;
}
.HA {font-size: 16px; line-height: 32px;}

.n { font-size: 16px; line-height: 16px; }

.al { font-size: 16px; line-height: 16px;}


.HI {font-size: 16px;line-height: 16px;}


.t {font-size: 16px; }
}
@media screen and (max-width: 987px) {
.ys
{width: 777px;
padding: 00px 0px 0px 0px;
border: 0px;
text-align: justify;
}
.y
{width: 960px;
padding: 00px 0px 0px 0px;
border: 0px;
}
.HA {font-size: 32px; line-height: 88px;}

.n { font-size: 32px; line-height: 40px; }

.al { font-size: 32px; line-height: 40px; }


.HI {font-size: 32px; line-height: 40px;}


.t {font-size: 32px; }
  }

.available
{width: 920px;
padding:20px 0px 0px 0px;
border: 0px;
}
.unavailable
{width: 920px;
padding:20px 00px 0px 00px;
border: 0px;
}

.HA {

 font-family: 'Montserrat'; letter-spacing: 0rem; color: dodgerblue;

}

.n { font-family: 'Montserrat'; letter-spacing: 4px; }

.al { font-family: 'Montserrat'; letter-spacing: 20px; color: dodgerblue;}

.HI {font-family: 'Lora', 'Garamond' ; letter-spacing: 0px; color: black;  font-style: italic; font-weight: 400;}


.t { font-family: 'Montserrat'; font-weight: 700; color: dodgerblue;}

.nn { font-family: 'Lora', 'Garamond' ; letter-spacing: 0px; color: dodgerblue;  font-style: italic; font-weight: 400; }