body {
    font-size : 105%;
    font-family: 'Helvetica', 'Roboto', sans-serif;
}

#homepage, #bandpage, #setlistpage, #contactpage, #weddingpage, #successpage, #contactpage {
        background : url(graphics/hands-in-the-air2-bw.jpg) no-repeat center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#landingpage header, #landingpage nav {
    display : none;    
}

.page-wrapper {
    background : #000;
    background : rgba(0,0,0,0.8);
    
}

header {
    border-bottom : 2px solid #16d0e9;
    text-align : center;
}

h1 {
    padding-top : 10px;
}

#main-logo {
    max-width : 60%;
}

.photo-left-portrait {
    position : relative;
    left : 50%;
    margin : 1em 1em 1em -80px;
    float : none;
    height : 200px;
    width : 150px;
}

.photo-right-landscape {
    position : relative;
    left : 50%;
    margin : 1em 1em 0 -120px;
    float : none;
}

#menushowhide {
    display : inline-block;
    height : auto;
    padding : 0;
    margin : 0;
    text-align : center;
    width : 100%;
}

#menushowhide p {
    text-shadow : 0px 0px 6px #fff;    
}

.menu li, #menushowhide p {
    width : 100%;
    padding : 0;
    margin : 0;
    border : none;
    text-align : center;
}

#navigation {
    display : none;
}

nav {
    font-size : 140%;
    position : sticky;
}

main {
    padding-bottom : 3em;
}

h2 {
    font-size : 120%;
    text-align : center;
}

h3 {
    font-size : 110%;
    margin-top : 0;
    text-align : center;
}

video, .photo-center-landscape {
    width : 90%;
    height : auto;
    margin-left : -45%;
    
}

.emphasis {
    font-size : 100%;
    font-weight : normal;
}

.two-columns {
    columns : 1 auto;
}

.albumlist {
    margin-left : -1em;
}

.mobile-hide {
    display : none;
}

.mobile-only {
    display : inline;
}

.social-icon img {
    height : 2.5em;
    width : auto;
}

.form-wrapper {
    width : 90%;
    margin : 0 0 10px 0;
    position : static;
}

.field input, .field textarea {
    position : static;
    left : 0;
    width : 98%;
}

.field img {
    position : static;
    left : 0;
    border : 0.2em solid #fff;
    margin-top : 1.5em;
}

.field textarea {
    left : 0;
    width : 98%;
}

.badges {
    text-align : center;
}

.badges img {
    margin-top : 10px;
}

footer {
    margin-bottom : -3em;
}

.logooverlay {
    height : auto;
    margin-top : 20%;
}