main {
    min-height: calc(100vh - 200px);
}
    main section {
        /*border: 1px solid black;*/
    }
    main section:nth-child(even) {
        /*border: 1px solid green;*/
    }
    .sctn-ttl-bx {
        text-align: center;
        padding: 30px;
    }
        .sctn-ttl{
            position: relative;
            width: fit-content;
            margin: 15px auto;
            /*font-family: 'Kaushan Script', cursive;*/
            font-family: 'Rock Salt', cursive;
            font-family: 'Gochi Hand', cursive;
            font-family: 'Caveat Brush', cursive;
            font-family: 'Great Vibes', cursive;
            font-family: 'Courgette', cursive;
            font-family: 'Covered By Your Grace', cursive;
            font-family: 'Pacifico', cursive;
            font-family: 'Berkshire Swash', cursive;
            font-family: 'Yesteryear', cursive;
            font-weight: 100;
            font-size: 85px;
            color: #4a4747;
            color: #404230;
        }
        .sctn-ttl:after {
            position: absolute;
            left: 35%;
            bottom: 5px;
            height: 0;
            width: 30%;
            content: '';
            border-top: 2px solid #b38901;
        }
    #bnr-sctn{
        background-image: url('/img/food/g_ravores.jpg'); 
        background-position: 50% 47%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        width: 100%;
        height: 40vh;
        -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.1)));
        -ms-box-shadow: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.1)));
        box-shadow: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.1)));
        position: relative;
    }
        #bnr-sctn-dmr {
            position: absolute;
            /*background-color: black;
            opacity: 0.6;*/
            width: 100%;
            height: 100%;
        }
        .sctn-ttl-bx {
            position: absolute;
            padding: 0px;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
        }
        .sctn-ttl{
            color: white;
        }

@media only screen and (min-width: 768px) { /*768px and more*/

}
@media only screen and (min-width: 992px) { /*992px and more*/	
    .sctn-ttl:after {
        left: 0;
        width: 100%;
    }
}
@media only screen and (min-width: 1300px ) { /*1200px  and more*/
}