/*Tablet*/
@media screen and (max-width:880px) {

header {
width:100%;
}

nav {
text-align:center;
}

nav ul {
font-family: 'Economica', sans-serif;
font-size: 18px;
font-size: 1.125rem;
  list-style:none;
  padding:0px;
  text-align:center;
  margin:0px
}

nav li {
text-align:center;
  display: inline-block;
  height:40px;
  background-color:#0972ba;
}

nav a {
text-align:center;
display:inline-block;
text-decoration:none;
height:30px;
margin:0 auto;
}

#gallery ul {
margin: 0 auto;

}

#gallery li {
 float:left;
 width: 40%;
 margin-left:5%;
 margin-right:5%;
}

}


/*Mobile Phone*/
@media screen and (max-width:550px) {


header {
margin:0 auto;
}

nav {
text-align:center;
}

#logo a {
margin:0 auto;
}

nav ul {
text-align:center;
margin-top:0px;
font-size: 18px;
color:#0972ba;
margin-left:3.8%;
}

nav li {
text-align:center;
margin:0 auto;
color:#0972ba;
  display: inline-block;
  height:20px;
  width:22.2%;
  background:none;
  margin:5%;
}



nav li a {
color:#0972ba;
  padding-right:0px;
}

nav a:visited {
    color:inherit;
}

nav a:link {
    color:#0972ba;
}

nav li:hover{
background-color:transparent;
}

nav a:hover {
    color:#09496d;
}

nav li.selected {
background-color:transparent;
color:#09496d;
}


nav a {
 display:block;
text-decoration:none;
padding:5px;
margin:0px;
width:50px;
height:50px;
color:#red;
}

#socialmedia{
display:none;
}

#gallery {
text-align:center;
padding:0px;
list-style:none;
margin: 0 auto;
}

#gallery ul {
margin: 0 auto;

}

#gallery li {
 float: none;
 width: 70%;
 margin-left:15%;
 margin-right:15%;
}

.mobileready {
display:none;
}

#contactwrapper {
margin:0 auto;

}

#contactprimary {
float:none;
width:70%;
margin:10px;
clear:both;
margin:0 auto;
}

#contactsecondary{
width:30%;
margin:10px;
margin:0 auto;
float:none;
}

.previous {
text-align:left;
width:40%;
padding-left:3%;
padding-top:10px;
}

.next {
text-align:right;
width:40%;
padding-right:3%;
padding-top:10px;
}


#msfooter  {
font-family: 'Josefin Sans', sans-serif;
color:#636363;
text-align:center;
height:60px;
padding-top:80px;
margin-top:50px;
clear:both;
padding-bottom:0px;
line-height:70%;
margin-bottom:30px;
}

.reproduce {
font-size:8pt;
}


}