/*----- MEDIAQUERIES BEGIN -----*/

/* Define mobile styles */
@media only screen {

}


@media only screen and (min-width: 30em) {

    #mainNav                        { margin-top: 0; }

}


/* min-width 640px, medium screens */
@media only screen and (min-width: 40em) {

    #mainNav                        { margin-top: 5.1rem; }
    #mainNav a                      { font-size: 0.8rem; padding: 0.7rem 1rem; }
    #mainNav ul li > .menu          { padding-top: 5px; }

    #hub                            { display: block; top: 13rem; }

}

/* min-width 640px, medium screens */
@media only screen and (min-width: 45em) {

    #mainNav                        { margin-top: 5.1rem; }
    #mainNav a                      { font-size: 0.85rem; padding: 0.7rem 1rem; }
    #mainNav ul li > .menu          { padding-top: 5px; }

}

/* min-width 640px, medium screens */
@media only screen and (min-width: 50em) {

    #mainNav a                      { font-size: 0.95rem; padding: 0.7rem 1.5rem; }
    #mainNav ul li > .menu          { padding-top: 5px; }

}

/* min-width 640px, medium screens */
@media only screen and (min-width: 55em) {

    #headRow figure .caption        { bottom: 10.5rem; font-size: 1.7rem; line-height: 1.8rem; }
    #mainNav a                      { font-size: 1.05rem; padding: 0.7rem 1.5rem; }
    #mainNav ul li > .menu          { padding-top: 10px; }

}

/* min-width 1024px, large screens */
@media only screen and (min-width: 64em) {

    #mainNav                        { margin-top: 5.1rem; }
    #mainNav a                      { font-size: 1.15rem; padding: 0.7rem 1.5rem; }
    #mainNav ul li > .menu          { padding-top: 15px; }

}

/* min-width 1216px, (Umbruch) */
@media only screen and (min-width: 76em) {

    #headRow                        { position: relative; top: 0; }
    #headRow figure .caption        { bottom: 5rem; font-size: 1.8rem; line-height: 1.9rem; }
    #p1 #headRow figure .caption    { bottom: 12rem; }
    #navRow .naviBox.column         { padding-left: 0.9375rem; padding-right: 0.9375rem; }
    #mainNav                        { margin-top: 1.7rem; }
    #mainNav a                      { font-size: 1.15rem; }
    #mainNav ul li > .menu          { padding-top: 20px; }
    main #content .contentBox       { top: 0; padding: 1rem 1rem 28rem 1rem; }
    #p1 main #content .contentBox   { top: -8rem; }

}

/* min-width 1440px, xlarge screens */
@media only screen and (min-width: 90em) {

    #headRow figure .caption        { bottom: 5rem; font-size: 2rem; line-height: 2.1rem; }

}

/* min-width 1920px, xxlarge screens */
@media only screen and (min-width: 120em) {

}

/*----- MEDIAQUERIES END   -----*/