.banner_title{

    font-size: 2rem;

    color: rgb(255,255,255);

    text-shadow: rgb(0,0,0,.7) 0.01em 0.01em 0.1em;

    text-align: center;

    padding-top: 30%;

    font-weight: 500;

}

.area_2 .line{

    background-color: rgb(204,204,204);

    height: 2px;

    width: 25%;

    margin: 5% auto; 

}

.area_1{

    padding-top: 7%;

    padding-bottom: 7%;

}

.area_2{

    padding-bottom: 15%;

}

.area_scrollspy_content{

    padding-top: 15%;

    padding-bottom: 15%;

}

.block_bg{

    background-color: rgba(255,255,255,.5);

    padding: 8%;

    margin: 10% 0;

}

.block{

    font-size: 1rem;

    font-weight: bold;

    line-height: 1.8;

}



@media(min-width: 576px){

    .area_scrollspy_content{

        padding-top: 10%;

        padding-bottom: 10%;

    }

}

@media(min-width: 768px){

    .banner_title{

        font-size: 2.5rem;

        padding-top: 20%;

    }

}

@media(min-width: 992px){

    .area_2{

        padding-bottom: 8%;

    }

    .banner_title{

        font-size: 3rem;

        padding-top: 15%;

    }

    .show_lg{

        display: block;

    }

    #scrollspy{

        position: fixed;

        font-size: 1.375rem;

        padding-left: 5%;

    }

    #scrollspy .list-group-item-action{

        color: rgb(230,230,230);

    }

    #scrollspy .list-group-item.active{ 

        color: rgb(0,122,192);

        font-weight: 900;

    }

    .area_scrollspy_content{

        padding-top: 6%;

        padding-bottom: 6%;

    }

    img[src*="photo_14.png"]{

        transform: scale(1.05) translateX(10%);

    }

    img[src*="photo_15.png"]{

        transform: scale(1.05);

    }

}

@media(min-width: 1200px){

    .banner_title{

        font-size: 3.5rem;

        padding-top: 10%;

    }

    .area_1 .sub_title{

        font-size: 2.75rem;

    }

    

    #scrollspy{

        font-size: 1.5rem;

        padding-left: 7%;

    }

}

@media(min-width: 1400px){

    #scrollspy{

        padding-left: 5%;

        font-size: 2rem;

        min-height: 100vh;

    }

    .block{

        font-size: 1.375rem;

    }

    .block .btn_text.btn_secondary{

        font-size: 1.625rem;

        font-weight: normal;

    }

}

@media(min-width: 1600px){

    #scrollspy{

        padding-left: 9%;

    }

}