.header-element,
.current-activity-header,
.small-margin-current-activity,
{
   font-family: 'Open Sans', Arial, sans-serif;
   line-height: 1.6;
}

li
{
  list-style-type: square;
}

.anchor-button
{
   border-radius: 5px;
}

.header-element,
.current-activity-header
{
   height: 2.5in;
   position:absolute;
   right: 0;
   top: 0;
   width: 100%;
   z-index: 10;
}
.mobile .header-element,
.mobile .current-activity-header
{
    height: 3in;
}
.nav
{
   background-color:white;
   height: 0.5in;
}
.mobile .nav
{
   height: 0.7in;
   padding-top:.1in;
}
.slogan
{
   background-color: darkred;
   color: white;
   font-family: Brush Script MT, cursive;
   font-size: 30pt;
   height: 0.5in;
   text-align: center;
}
.mobile .slogan
{
   font-size: 19pt;
   height: 0.7in;
}
.full-name
{
    background-color: white;
    color: darkblue;
    font-family: Arial, sans-serif;
    font-size: 40pt;
    font-weight: bold;
    height: 1.9in;
    min-width: 11in;
    position:relative;
    text-align: center;
    top: -.65in;
}
.mobile .full-name
{
    font-size: 22pt;
    height: unset;
    min-width: unset;
}
.campaign
{
    background-color: darkblue;
    color: white;
    font-family: Verdana, Geneva, sans-serif;
    font-size:30pt;
    height: 0.8in;
    min-width: 12in;
    position:relative;
    text-align: center;
    top: -1.1in;
}

.mobile .campaign
{
    font-size:19pt;
    height: unset;
    min-width: unset;
}
.header-element ul,
.current-activity-header ul
{
   list-style: none;
   margin: auto;
   width: 10in;
}
.mobile .header-element ul,
.mobile .current-activity-header ul
{
   width: unset;
}
.header-element ul li,
.current-activity-header ul li 
{
  display: inline-block;
  min-width: 12rem;
  padding: 0.3rem 0.5rem;
  text-align: center;
}
.mobile .header-element ul li,
.mobile .current-activity-header ul li
{
  min-width: 6rem;
  padding: 0 0.2rem;
}
.page-lang a,
.header-element ul li a,
.current-activity-header ul li a 
{
   font-size: 14pt;
   text-decoration: none;
}
.page-lang a:hover,
.header-element ul li a:hover,
.current-activity-header ul li a:hover
{
   text-decoration: underline;
}
.page-lang
{
   float:right;
   margin-right: 0.2in;
   padding: .1in;
}
.mobile .page-lang
{
   margin-right: 3px;
   padding: .1in 0 0 3px;
}
.small-margin-current-activity
{    
    position: relative;
    top: 3.8in;
}
.mobile .small-margin-current-activity
{
    top: 4.4in;
}
.statement
{
   position:relative;
   top: 0.2in;
}
.mobile .statement
{
   top: unset;
}
.small-margin-current-activity p,
.small-margin-current-activity div
{
   margin-bottom: 15px;
}
.current-activity-footer
{
    background-color: darkblue;
    color: white;
    left: -17%;
    padding: 0.1in;
    position: relative;
    text-align: center;
    top: 3.7in;
    width: 132%;
}
.mobile .current-activity-footer
{
    left: 0;
    padding:1%;
    top: 4.3in;
    width: 100%;  
}
.event
{
   border:2px solid black;
   border-radius:10px;
   font-size:18pt;
   padding: 10px 10px 0 10px;
   position: relative;
   margin:auto;
   z-index:20;
}
.event a
{
   text-decoration: none;
}
.event a:hover
{
   text-decoration: underline;
}
.center
{
   margin:auto;
}
.priorities
{
   clear: both;
}
.left-cameo
{
    float:left;
    height:3.5in;
    width:3.5in;
}
.left-cameo img
{
    border: 2px solid black;
    border-radius: 1.5in;
}
.mobile .left-cameo
{
    text-align:center;
    width: 100%;
}
.family-photo img
{
   width:100%;
}
.mobile input[type=text]
{
   width: 200px;
}