@font-face {
    font-family: 'Caveat';
    src: url('libs/fonts/Caveat-Bold.ttf');
}

.justwash-font
{
    font-family: 'Caveat', cursive;
}

/* TOOLBAR */

.justwash-toolbar
{
    width:100%;
    height: 58px;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1000;
}

.justwash-toolbar .navbar-brand
{
    font-family: 'Caveat', cursive;
    font-size: 2.2rem;
    line-height: 1.5rem; 
}

.justwash-toolbar .navbar-brand i
{
    font-size: 2rem;
}

/* CONTENT */

.justwash-body
{
    background: url(public/banner.jpg);
    background-repeat: no-repeat;
    background-size: auto 700px;
    background-position-y: 60px;
    background-position-x: center;
}

.justwash-body-maintinance
{
    background: url(maintinance.jpg);
    background-repeat: no-repeat;
    background-size: auto 700px;
    background-position-y: 60px;
    background-position-x: center;
}

.justwash-body .justwash-container
{
    position: relative;
    min-height: calc(100vh - 2px);
}

.justwash-content
{
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.2rem;

    padding-bottom: 300px;
}

.justwash-banner
{
    height: 760px;
}

.justwash-banner-text
{
    height: 200px;
    font-family: 'Caveat', cursive;
    margin-top: calc( (700px - 100px) / 2);
    color: white;
    font-size: 70pt;
    font-weight: bold;
    text-align: center;
    line-height: 70pt;
}

.justwash-banner-text-maintinance
{
    font-family: 'Courier New', Courier, monospace;
    font-size: 40pt;
    text-transform: uppercase;
}

/* FOOTER */

.deda-footer
{
    font-size: 0.9rem;
    line-height: 2rem;

    /*position: absolute;
    bottom: 0px;*/
    left: 0px;
    width: 100%;
    height: 210px;
}

.deda-footer i
{
    font-size: 2rem;
}

.deda-footer .container
{
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
}

.deda-footer span
{
    font-size: 1.15rem;
}


.deda-footer span
{
    font-size: 1.15rem;
}




@media screen and (max-width: 750px)
{
    .justwash-banner-text
    {
        font-size: 65pt;
        line-height: 65pt;
    }

    .deda-footer
    {
        height: 260px;
    }
}

@media screen and (max-width: 680px)
{
    .justwash-banner-text
    {
        font-size: 50pt;
        line-height: 50pt;
    }
}



@media screen and (max-width: 575px)
{
    .deda-footer
    {
        height: 350px;
    }
}


[v-cloak] { display: none }