/*  GO FULL WIDTH BELOW 842 PIXELS */

@media only screen and (max-width: 860px) {

    #borderImageRepetition {
        border: 1em solid;
        border-image: url("../img/resources/fullkeyborder.svg") 100;
        background: linear-gradient(
            90deg,
            rgba(255,255,0,1) 0%,
            rgba(255,255,255,1) 40%,
            rgba(255,255,255,1) 60%,
            rgba(255,255,0,1) 100%);
        border-image-repeat: round;
        width: 95%;
    }

    .header_greekkey {
        display: none;
    }

    .inside {
        padding: 0em;
        margin: 0em;
        background: linear-gradient(
            90deg,
            rgba(255,255,0,.5) 0%,
            rgba(255,255,255,.5) 40%,
            rgba(255,255,255,.5) 60%,
            rgba(255,255,0,.5) 100%);
    }

    .nav-title {
        padding: 0;
        margin: 0;
    }
    
    #slideshow span,
    #slideshow-dancing span,
    #slideshow-menu-a span,
    #slideshow-menu-b span,
    #slideshow-menu-c span,
    #slideshow-livemusic span {
        font-size:2vw;
    }

    .menuimage {
        background: none;
    }
    
    .menuimageII {
        background: none;
    }

    .pushdownI {
        padding-top: 0;
    }
    
    .pushdownII {
        padding-top: 0;
    }

}

/*  GO FULL WIDTH BELOW 842 PIXELS */

@media only screen and (max-width: 700px) {


    .menuimage {
        background: none;
    }
    
    .menuimageII {
        background: none;
    }

    .pushdownI {
        padding-top: 0;
    }
    
    .pushdownII {
        padding-top: 0;
    }

}

/*  GO FULL WIDTH BELOW 480 PIXELS */

@media only screen and (max-width: 480px) {

    * {
        background-image: none;
    }

    .nav-title {
        font-size: .7em;
    }
    
    .nav-bar {
        font-size: .75em;
    }

    .inside {
        padding: 0em;
        margin: 0em;
        background: linear-gradient(
            90deg,
            rgba(255,255,0,.5) 0%,
            rgba(255,255,255,.5) 40%,
            rgba(255,255,255,.5) 60%,
            rgba(255,255,0,.5) 100%);
    }
   
    #borderImageRepetition { 
        border: 0em;
        border-image-repeat: repeat;
    }

    svg.hero {
        display: none;
    }

    svg.hero-mobile {
        background: linear-gradient(
            90deg, 
            rgba(255,255,255,1) 0%,
            rgba(0,110,170,0.10) 50%, 
            rgba(255,255,255,1) 100%);
        /* margin: 0 25px; */
        width: 100%;
    }
    
    .zero {
        display: inline;
        background: linear-gradient(
            90deg, 
            rgba(255,255,255,1) 0%,
            rgba(0,110,170,0.10) 50%, 
            rgba(255,255,255,1) 100%);
        margin: 0;
        width: 100%;
        }

    li {
        display: inline;
        padding: 10px;
    }

    .title {
        font-size: 1.5em;
        line-height: 1.5em;
    }

    .bellydancer {
        font-size: 1.75em;
    }

    .sub-title {
        font-size: 1.125em;
    }

    .span_1_of_5.dancers{
        width: 20%;
    }

    .span_2_of_3.musicians {
        width: 65%; 
        padding: .125em;
    }
    
    .span_1_of_3.musicians {
        width: 31.5%; 
        padding: .125em;
    }

    #slideshow span,
    #slideshow-dancing span,
    #slideshow-menu-a span,
    #slideshow-menu-b span,
    #slideshow-menu-c span,
    #slideshow-livemusic span {
        font-size:4vw;
    }

    .menuimage {
        background: none;
    }
    
    .menuimageII {
        background: none;
    }
        
    .pushdownI {
        padding-top: 0;
    }
    
    .pushdownII {
        padding-top: 0;
    }

}

/* .menuimage > img {
    align-content: center;
} */

/** FONT RESOURCES **/
/*
Source Sans Pro Regular
font-family: source-sans-pro, sans-serif;
font-weight: 400;
font-style: normal;

Source Sans Pro Bold
font-family: source-sans-pro, sans-serif;
font-weight: 700;
font-style: normal;

Source Sans Pro Bold Italic
font-family: source-sans-pro, sans-serif;
font-weight: 700;
font-style: italic;

Source Sans Pro Italic
font-family: source-sans-pro, sans-serif;
font-weight: 400;
font-style: italic;
*/