html
{
  width:100%;
  height: 100%;
}

body
{
  width:95%;
  height: 95%;
  margin-top: auto 3em;
}

#MainWrapperDiv
{
  width:85%;
  height:90%;
}

#NamesHeader
{
  font-size: 2.5em;
  text-shadow:0.01em 0.02em 0.02em black;
  text-shadow:  rgb(204, 56, 75) 0em 0.01em 0em,
                rgb(201, 55, 74) 0em 0.02em 0em,
                rgb(187, 54, 72) 0em 0.03em 0em,
                rgb(185, 53, 70) 0em 0.04em 0em,
                rgb(170, 52, 65) 0em 0.05em 0em,
                rgba(0, 0, 0, 0.0980392) 0em 0.06em 0.01em,
                rgba(0, 0, 0, 0.0980392) 0em 0em 0.05em,
                rgba(0, 0, 0, 0.298039) 0em 0.01em 0.03em,
                rgba(0, 0, 0, 0.14902) 0em 0.03em 0.05em,
                rgba(0, 0, 0, 0.2) 0em 0.05em 0.10em,
                rgba(0, 0, 0, 0.2) 0em 0.10em 0.10em,
                rgba(0, 0, 0, 0.0980392) 0em 0.20em 0.20em;
}

#NamesHeader span
{
  top:0.3em;
}

.NameBackgroundImage
{
  border: 0.1em solid white;
}

#NavigationDiv
{
  border: 0.2em solid rgba(234,56,77,1);
}

.NavigationItemLi
{
  font-size: 0.9em;
  text-shadow: 0.05em 0em 0.05em #000, 0 0 0 #000, 0.05em 0em 0.05em #000;
}

#NavigationUL .Selected
{
  text-shadow: 0.1em 0em 0.1em #000, 0 0 0 #000, 0.1em 0em 0.1em #000;
}

#TimerDiv
{
  /*-moz-box-shadow:    inset 0 0 0.4em #000000;
  -webkit-box-shadow: inset 0 0 0.4em #000000;
  box-shadow:         inset 0 0 0.4em #000000;*/
  text-shadow: 0.05em 0.05em 0.05em #222, 0 0 0 #000, 0.05em 0.05em 0.05em #222;
  -moz-box-shadow:    inset 0 0 0.2em #EA384D;
  -webkit-box-shadow: inset 0 0 0.2em #EA384D;
  box-shadow:         inset 0 0 0.2em #EA384D;
  height: 17.5%;
  font-size:0.8em;
}

#TimerDiv .DaysRemainingSpan
{
  font-size:2em;
}

#ActualContentsArea
{
  font-size: 2.7em;
  border:0.1em solid white;
}

.contentRightRibbon
{
  position: absolute;
  right: -0.17em;
  top: -0.24em;
  width: 25%;
}

.WeddingRibbonKnot
{
  left: -0.5em;
  -webkit-filter: drop-shadow(0.02em 0.02em 0.02em rgba(0,0,0,0.5));
  filter: url(#drop-shadow);
  -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#444')";
  filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#444')";
}
.WeddingKnotImage
{
  -webkit-filter: drop-shadow(0.02em 0.02em 0.02em rgba(0,0,0,0.5));
  filter: url(#drop-shadow);
  -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#444')";
  filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#444')";
  top: 0.5em;
}
#ContentsHeader
{
  border-bottom: 0.02em solid white;
  font-size: 0.7em;
}

#ContentHeaderTextSpan
{
  top: 0.4em;
}

#PageContents
{
  font-size: 0.5em;
}

/*Events page styles*/
#eventsWeddingInfoBox, #eventsWeddingReceptionInfoBox, #eventsAccomodationInfoBox
{
  margin-top: 0.2em;
  margin-left: 0.2em;
}

.card
{
  border:0.1em solid white;
}

.back .backCardContents
{
  margin: 0.1em 2.5em;
  font-size: 1em;
}

.back .backCardContents ul
{
  font-size: 0.6em;
}

#eventsMapBox
{
  border:0.1em solid white;
  right: 0.2em;
  margin-top: 0.18em;
  font-size: 1em;
}

#eventsMapBox .embeddedMap
{
  font-size: 0.1em;
}

.homePageContents .viewsBox
{
  border:0.1em solid white;
  font-size: 0.6em;
}