* {
    box-sizing: content-box;
}

* {
    margin: 0;
    padding: 0;
}

*,
*::after,
*::before {
    box-sizing: border-box;
}

.bg {
    background-color: #FFFFFF;
}

.container-fuid {
    width: 100%;
    margin-right: auto !important;
    margin-left: auto !important;
    display: flex;
}

.container {
    width: 80%;
    margin-right: auto !important;
    margin-left: auto !important;

}

.col-20 {
    width: 20%;
    float: left;
}

.col-1 {
    width: 25%;
    float: left;
}
.col-11 {
    width: 25%;
    float: left;
}

.col-2 {
    width: 50%;
    float: left;
}

.col-31 {
    width: 75%;
    float: right;
}
.col-3 {
    width: 75%;
    float: left;

}
.col-13 {
    width: 75%;
    float: left;
text-align: center;
}


.col-4 {
    width: 100%;
    float: left;
}
.col-5 {
    width: 50%;
    float: left;
    background-color: black;
}


.col {
    width: 100%;
    float: left;
}

.py {
    padding: 1rem 0;
}

.py-1 {
    padding: 1rem 0;
}

.pt {
    padding-top: 4rem;
}

.pb {
    padding-bottom: 2rem;
}

.py-2 {
    padding: 1rem 0;
}

.text-center {
    text-align: center;
}

.pb {
    padding-bottom: 4rem;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-20 {
    padding-left: 15px;
    padding-right: 15px;
    flex: 0 0 auto;
}

.col-11 {
   padding-left: 1px;
    padding-right: 1px;
    flex: 0 0 auto;
}


.row {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.text-white {
    color: #fff;
}

.bg-red {
    background-color: #d65939;
}

.bg-blue {
    background-color: #ffffff;
}

.text-red {
    color: #d65939;
}

.text-blue {
    color: #0d3dd3;
 font-size: 25px;
font-style: italic;
}
.text-white-h1 {
    color: #ffffff;
 font-size: 20px;
font-style: italic;
}


.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

p {
    padding-bottom: 2rem;
}

.d-block {
    display: block !important;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.img-thumb {
    border: solid #fff 4px;
}

.justify {
    justify-items: center;
}

.align {
    align-items: center;
    display: flex;
}

.d-inline {
    display: inline-block;
}

a {
    text-decoration: none;
}

.p-0 {
    padding: 0;
}

.text-right {
    text-align: right;
}

.sec4 img {
    float: left;
}

@media screen and (max-width: 768px) {

    .col-1,
    .col-11,
    .col-2,
    .col-3,
    .col-13,
    .col-20,
    .container {
        width: 100% !important;
    }

    .mp {
        padding: 2rem 0;
    }

    .pb {
        padding-bottom: 2rem;
    }

    .text-right {
        text-align: center;
    }

    .sec4 img {
        float: none;
    }
}