.float-image
{ float : left; padding-right : 0.75rem; }

sup.gold-star
{ color : #c0bc2e; vertical-align: baseline; position: relative; top: -0.4em; }

/*** Masthead ***/
#masthead
{ text-align : center; font-family : 'Averia Sans Libre', sans-serif; color : #808080; }

#masthead nav
{ padding : 0 0.5rem; }

#masthead #logo
{ padding : 1rem 0; }

#masthead #tagline
{ font-size : 28px; padding-right : 2rem; }

#header-menu
{ display : inline-block; }

#header-menu #main-nav
{
    float : none;
    width : auto;
    background : #fff;
    font-family : 'Averia Sans Libre', sans-serif;
    font-size : 17px;
    border-bottom : none;
}

#header-menu .menu-toggle
{ background : none; float : none ; text-align : left; }

#header-menu .menu-toggle #menu-btn
{ background : none; border : none; float : none; height : 48px; }

#header-menu #main-nav > li:first-child
{ border-top : none; }

#header-menu #main-nav a
{ color : #808080; }

#header-menu .menu-active > a
{ background : #c0c0c0 !important; }

#header-menu .sub-menu
{ background : #e0e0e0; }

#masthead .mobile-toggle
{ display: flex; justify-content: space-between; align-items: center; }

@media screen and (max-width: 800px)
{
    #masthead .mobile-toggle { display : block; }
    #masthead #tagline { padding : 0; }
    #header-menu { position : absolute; top : 0; left : 0; }
    #header-menu li a:hover { background : #c0c0c0 !important; }
}


/*** Home Page ***/
body#home
{ max-width : 1000px; margin : 0 auto; padding : 0.5rem 1rem 6rem; color : #808080; }

img.full-width
{ width : 100%; padding-top : 5px; }

.image-row
{ /* display : inline-flex; justify-content : space-around; width : 100%;*/ padding-top : 5px; }

.image-row .half
{ display : inline-block; width : 49%; vertical-align : middle; }


/*** What To Expect ***/
body#what-to-expect
{
    max-width : 1000px;
    margin : 0 auto;
    padding : 0.5rem 1rem 6rem;
    color : #808080;
    font-family : Raleway;
}

.expectation-intro
{ font-weight : 600; font-style : italic; margin-bottom : 1.5rem; }

.expectation-block span
{ font-weight : 600; }

.expectation-block p
{ margin-top : 0; }

#expectation-list p
{ font-weight : 600; margin-bottom : 0; }

#expectation-list ul.no_bullet
{ list-style-type: none; padding: 0; margin: 0; }

#expectation-list li.flower
{ background: url('/images/big-flower-gold.png') no-repeat left top; padding-left : 20px; margin-bottom : 0.5rem; }

#your-prints
{ margin-top : 1rem; }


/*** Who's Behind The Lens ***/
body#behind-the-lens
{
    max-width : 1000px;
    margin : 0 auto;
    padding : 0.5rem 1rem 6rem;
    color : #808080;
    font-family : Raleway;
}


/*** Investment ***/
body#investment
{
    max-width : 1000px;
    margin : 0 auto;
    padding : 0.5rem 1rem 6rem;
    color : #808080;
    font-family : Raleway;
}

#payment-list ul.no_bullet
{ list-style-type: none; padding: 0; margin: 0; }

#payment-list li.contract
{ background: url('/images/signing-the-contract.png') no-repeat left top; min-height : 36px;  padding : 0 0 4px 40px; margin-bottom : 0.75rem; }

#payment-list li.wedding-day
{ background: url('/images/bells.png') no-repeat left top; min-height : 36px;  padding : 0 0 4px 40px; margin-bottom : 0.75rem; }

#payment-list li.virtual-album
{ background: url('/images/dvd.png') no-repeat left top; min-height : 36px;  padding : 0 0 4px 40px; margin-bottom : 0.75rem; }

#payment-list li.print-order
{ background: url('/images/wedding-pic.png') no-repeat left top; min-height : 36px;  padding : 0 0 4px 40px; margin-bottom : 0.75rem; }

#payment-list li.print-delivery
{ background: url('/images/delivery.png') no-repeat left top; min-height : 36px;  padding : 0 0 4px 40px; margin-bottom : 0.75rem; }


/*** Contact Form ***/
#contact-form
{ font-family : Gruppo; font-size : 1.7rem; margin-left : 0.5rem; }

#contact-form h1
{ font-size : 3rem; margin-bottom : 0; }

#contact-form p
{ font-family : Comfortaa; font-size : 1.5rem; letter-spacing : 0.05rem; margin : 0; }

#contact-form form
{  margin-top : 1rem; }

#contact-form label
{ display : block; position : relative; top : -0.5rem; }

#contact-form input[type=text], #contact-form textarea
{ font-family : Comfortaa; font-size : 1.1rem; }

#contact-form input[type=text], #contact-form textarea
{ min-width : 400px; border : none; border-bottom: 1px solid #bcbbbc; }

#contact-form textarea
{ width : 70%; resize : none; }

@media screen and (max-width: 380px)
{
    #contact-form h1 { font-size : 2.5rem; }
    #contact-form p { font-size : 0.9rem; line-height : 1.5rem; }
    #contact-form input[type=text], #contact-form textarea { min-width : 300px; font-size : 0.8rem; }
}

@media screen and (min-width: 381px) and (max-width: 480px)
{
    #contact-form h1 { font-size : 2.5rem; }
    #contact-form p { font-size : 1.2rem; line-height : 1.7rem; }
    #contact-form input[type=text], #contact-form textarea { min-width : 360px; font-size : 0.9rem; }
}

@media screen and (min-width: 481px)
{
    #contact-form h1 { font-size : 2.5rem; }
    #contact-form p { font-size : 1.2rem; line-height : 1.7rem; }
}

@media screen and (max-width: 800px)
{
    #contact-form label { top : 0; }
}

#contact-submit
{
    font-family : Gruppo;
    font-size : 2rem;
    border-radius : 12px;
    padding : 0.75rem;
    margin-top : 1.5rem;
    border : none;
    background : #808080;
    color : #fff;
}


/*** Footer ***/
footer
{
    font-family : Gruppo;
    font-size : 1.7rem ;
    text-align : center;
    background: #a0a0a0;
    color: white;
    margin-top : 3rem;
    padding-bottom: .25rem;
}

@media screen and (max-width:380px)
{
    footer { font-size : 1.3rem; }
}


/*** Colors ***
#808080 - Text color
#a0a0a0 - Footer background
#c9bc2e - Gold
*/