body
{
  background-color: #ffffff;
  width: 100%;
  font-family: arial;
  font-size: 48px;
}

.ui-btn
{
   font-size: 48px;
}

div.SympathyHubLogo
{
  width: 100%;
}

img.SympathyHubLogo
{
  width: 100%;
}

div.MainPage
{
  background-color: #b5b3ff;
  width: 100%;
}

div.Event1Page
{
  background-color: #ffe84d;
  width: 100%;
}

div.Event1Logo
{
  width: 100%;
}

img.Event1Logo
{
  width: 100%;
}

div.Event2Page
{
  background-color: #6713c6;
  width: 100%;
}

div.Event2Logo
{
  width: 100%;
}

img.Event2Logo
{
  width: 100%;
}

div.FlowerShop
{
  width: 100%;
}

img.FlowerShop
{
  width: 100%;
}

div.MapContent
{
  width: 100%;
  height: 100%;
}

div#MapCanvas
{
  width: 100%;
  height: 1200px;
}