/* CSS HEX
    --gray-web: #818083;
    --dark-cornflower-blue: #293a6e;
    --cyan-process: #00bcf5;
    --cultured: #f8f8f8;
    --medium-aquamarine: #3ae4ae;

     CSS HSL
    --gray-web: hsla(260, 1%, 51%, 1);
    --dark-cornflower-blue: hsla(225, 46%, 30%, 1);
    --cyan-process: hsla(194, 100%, 48%, 1);
    --cultured: hsla(0, 0%, 97%, 1);
    --medium-aquamarine: hsla(161, 76%, 56%, 1);

     SCSS HEX
    $gray-web: #818083ff;
    $dark-cornflower-blue: #293a6eff;
    $cyan-process: #00bcf5ff;
    $cultured: #f8f8f8;
    $medium-aquamarine: #3ae4aeff;


     SCSS RGB
    $gray-web: rgba(129, 128, 131, 1);
    $dark-cornflower-blue: rgba(41, 58, 110, 1);
    $cyan-process: rgba(0, 188, 245, 1);
    $cultured: rgba(248, 248, 248, 1);
    $medium-aquamarine: rgba(58, 228, 174, 1);
    */

    .about {
        min-height: 90vh;
        padding-top: 5rem;
        background-image: url(../../img/background/background_about.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .about .about_box {
        margin: auto auto 5rem;
        /* border-bottom: 5px solid #00bcf5; */
        padding-left: 3rem;
        padding-right: 2rem;
        padding-bottom:0rem;
        position: relative;
        /* box-shadow: rgb(0 0 0 / 40%) 0px 0px 0px,
                    rgb(0 0 0 / 31%) 1px 16px 6px -7px,
                    rgb(0 0 0 / 3%) 0px 0px 0px inset; */
    }
    .about .about_row {
        justify-content: space-around;
    }

    .about .about_row .about_container{
        padding-bottom: 0.5rem;
        position: relative;
        /* border-bottom: 5px solid #293a6e;
        border-right: 5px solid #293a6e;
        border-left: 5px solid #293a6e; */
        text-align: justify;
        box-shadow: rgb(0 0 0 / 40%) 0px 0px 0px,
                    rgb(0 0 0 / 31%) 1px 16px 6px -7px,
                    rgb(0 0 0 / 3%) 0px 0px 0px inset;
    }

    .about img {
        filter: grayscale(1);
        width: 30%;
    	height: auto;
        float: left;
        margin:2rem 4rem auto;
    }
    .about h1{
        text-align: left;
        margin-bottom: 0.5rem;
        color: #00bcf5;
        text-shadow: -2px 2px 0px #293a6e;
    }
    .about p {
        font-size: 16px !important;
        display: contents;
        text-align: justify;
        padding-bottom: 1rem;
        line-height: 2;
    }
    .about .about_container  b {
        font-size: 16px;
        color: #00bcf5 !important;

    }
    .about h3 {
        margin-bottom: 2rem;
        padding-left: 3rem;
        font-size: 20px;
        font-family: 'Makro XM';
        font-weight: 400;

    }