#mini-banner {
    z-index: 5;
    color: white;
    /* background-color: rgba(88, 88, 88, 0.6); */
    text-align: center;
    transition: .2s;
    text-shadow: 2px 2px rgb(49, 49, 49);
    position: absolute;
    width: 100%;
    bottom: 0;
    /* top: 40%;
    left: 20%;
    padding: 10px 40px;
    font-size: 1.4em;
    font-weight: 400;
    line-height: 1.2; */
}

#mini-banner p {
    margin: 0;
    padding: 0;
    font-weight: 400;
    line-height: 1.2;
    word-wrap: break-word;
    width: 100%;
    text-align: center;
    background: rgba(0,0,0,.4);
    padding: 40px;
    /* top: 20%;
    left: 10%; */
}

#line-breaker {
    display: inline;
}

@media only screen and (max-width: 220px) {
    #mini-banner {
        font-size: 5vw;
        bottom: 0;
        text-align: center;
        width: 100%;
        color: black !important;
        text-shadow: none;
        position: relative;
        padding: 8% 4% 0 4%;
        /* font-size: .46em;
        padding: 3px 0;
        width: 100px;
        height: 40px;       */
        
    position: absolute;
    width: 100%;
    bottom: 169px;
    }

    
#mini-banner p {

    
}

}

@media only screen and (min-width: 220px ) and (max-width: 280px) { 
    #mini-banner {
        font-size: 5vw;
        
        bottom: 0;
        text-align: center;
        width: 100%;
        color: black !important;
        text-shadow: none;
        position: relative;
        padding: 8% 4% 0 4%;
        
        /* font-size: .46em;
        padding: 5px 3px;
        width: 100px;
        height: 48px;       */
    }
    
#mini-banner p {
    background: none;
    
}
}

@media only screen and (min-width: 280px ) and (max-width: 360px) { 
    #mini-banner {
        font-size: 5vw;
        
        bottom: 0;
        text-align: center;
        width: 100%;
        color: black !important;
        text-shadow: none;
        position: relative;
        padding: 8% 4% 0 4%;
        
        /* left: 10%;
        font-size: .5em;
        padding: 7px 5px;
        width: 120px;
        height: 50px;       */
    }
    
#mini-banner p {

    background: none;
}
}

@media only screen and (min-width: 360px ) and (max-width: 480px) { 
    #mini-banner {
        font-size: 5vw;
        
        bottom: 0;
        text-align: center;
        width: 100%;
        color: black !important;
        text-shadow: none;
        position: relative;
        padding: 8% 4% 0 4%;
        
        /* left: 10%;
        font-size: .6em;
        padding: 12px 5px;
        width: 140px;     */
    }
    
#mini-banner p {
    background: none;
    
}
}

@media only screen and (min-width: 480px ) and (max-width: 660px) { 
    #mini-banner {
        font-size: 5vw;
        
        bottom: 0;
        text-align: center;
        width: 100%;
        color: black !important;
        text-shadow: none;
        position: relative;
        padding: 8% 4% 0 4%;
        
        /* top: 18%;
        left: 10%;
        font-size: .75em;
        padding: 12px 5px;
        width: 180px;     */
    }
    #mini-banner p {
    
        background: none;
    }
}

@media only screen and (min-width: 660px ) and (max-width: 780px) { 
    #mini-banner {
        font-size: 5vw;
        
        bottom: 0;
        text-align: center;
        width: 100%;
        color: black !important;
        text-shadow: none;
        position: relative;
        padding: 8% 4% 0 4%;
        /* top: 18%;
        left: 10%;
        font-size: .75em;
        padding: 12px 5px;
        width: 200px;     */
    }
    #mini-banner p {
    
        background: none;
    }
}

@media only screen and (min-width: 780px ) and (max-width: 1025px) { 
    #mini-banner {
        font-size: 4vw;
        
        bottom: 0;
        text-align: center;
        width: 100%;
        color: black !important;
        text-shadow: none;
        position: relative;
        padding: 8% 4% 0 4%;
        /* top: 25%;
        left: 10%;
        font-size: .85em;
        padding: 10px 15px; */
        /* width: 200px;     */
    }

    #line-breaker {
        display: block;
    }
    #mini-banner p {
    
        background: none;
    }
}

@media only screen and (min-width: 1025px ) and (max-width: 1280px) { 
    #mini-banner {
        font-size: 3vw;
        
        bottom: 0;
        text-align: center;
        width: 100%;
        color: black !important;
        text-shadow: none;
        position: relative;
        padding: 8% 4% 0 4%;
        /* top: 27%;
        left: 5%;
        font-size: 2vw;
        padding: 10px 15px;
        word-wrap: break-word; */
        /* width: 200px;     */
    }

    #line-breaker {
        display: block;
    }
    #mini-banner p {
    
        background: none;
    }
}

@media only screen and (min-width: 1280px ) and (max-width: 1450px) { 
    #mini-banner {
        
    font-size: 2vw;
        bottom: 0;
        text-align: center;
        width: 100%;
        color: black !important;
        text-shadow: none;
        position: relative;
        padding: 8% 4% 0 4%;
        /* top: 28%;
        left: 10%;
        font-size: 2.2vw;
        padding: 10px 15px; */
        /* width: 200px;     */
    }

    #line-breaker {
        display: block;
    }
    #mini-banner p {
    
        background: none;
    }
}

@media only screen and (min-width: 1450px ) and (max-width: 1700px) { 
    #mini-banner {
        
    font-size: 2vw;
        /* top: 30%;
        left: 10%; */
        line-height: 1.3;
        /* padding: 15px 25px; */
    }

    #line-breaker {
        display: block;
    }
}

@media only screen and (min-width: 1700px ) and (max-width: 2200px) { 
    #mini-banner {
        
    font-size: 2vw;
        /* top: 30%;
        left: 5%;
        padding: 15px 70px; */
    }

    #line-breaker {
        display: block;
    }
}

@media only screen and (min-width: 2200px ) { 
    #mini-banner {
        
    font-size: 2vw;
        /* top: 35%;
        left: 5%;
        padding: 15px 100px; */
    }

    #line-breaker {
        display: block;
    }
}