@media (max-width: 1024px) {
    body {
        font-family: Montserrat !important;
    }
    /* div{
    border-block-width: 1px;
    border-color: red;   
    border-style: solid; 
} */
    a {
        text-decoration: none;
        color: #8C3B3B;
        font-family: Futura;
        cursor: pointer;
        /* font-weight: 600; */
    }
    .menu a:hover {
        color: white;
        text-decoration: none;
    }
    button {
        cursor: pointer;
    }
    #total_page {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    #theme_page {
        height: 50vh;
        display: flex;
        min-height: 350px;
        min-width: 768px;
        flex-direction: column;
        background-image: url("../img/IMG-26_2x.webp");
        background-size: cover;
    }
    #theme_menu {
        height: 15%;
        display: flex;
        font-size: 2rem;
        flex-direction: row;
        text-align: center;
        line-height: 4;
    }
    #logo {
        width: 40%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: left;
    }
    #logo img {
        padding-top: 3%;
        width: 50%;
        height: auto;
        vertical-align: top;
    }
    .menu {
        width: 15%;
        height: 100%;
    }
    #theme_content {
        height: 85%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #theme_word {
        color: darkred;
        font-family: Futura;
        /* font-weight: bold; */
        font-size: 6rem;
        display: inline-block;
        text-align: center;
        line-height: 1.2;
    }
    #inner_page_one {
        height: 50vh;
        min-height: 350px;
        min-width: 768px;
        display: flex;
        flex-direction: row;
    }
    #inner_page_one_left {
        height: 88%;
        width: 48%;
        margin: 5% 0%;
        display: flex;
        flex-direction: column;
    }
    .icon_container {
        height: 40%;
        width: 100%;
        display: flex;
        flex-direction: row;
    }
    .icon {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .icon_image {
        height: 60%;
        width: 70%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .icon_word {
        height: 40%;
        width: 70%;
        font-size: 2rem;
        font-family: Montserrat;
        font-weight: 600;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        color: darkred;
    }
    .icon img {
        height: auto;
        width: 90%;
    }
    #inner_page_one_right {
        height: 90%;
        width: 45%;
        margin: 3% 2%;
        display: flex;
        flex-direction: column;
    }
    .title {
        height: 47%;
        line-height: 1.5;
        padding-top: 20%;
        font-size: 5rem;
        color: darkred;
        font-family: Futura;
        /* font-weight: 600; */
    }
    .content {
        height: 50%;
        font-size: 2rem;
        font-family: Montserrat;
        font-weight: 600;
    }
    .case_study_button {
        background-color: white;
        border: 2px solid #8C3B3B;
        color: darkred;
        text-align: center;
        font-size: 2rem;
        font-weight: 500;
        padding: 0% 1%;
        margin: 12% 0%;
        width: 25%;
        height: auto;
        /* cursor: pointer; */
        border-radius: 33px;
    }
    #inner_page_two {
        height: 50vh;
        min-height: 350px;
        min-width: 768px;
        display: flex;
        flex-direction: row;
    }
    #inner_page_two_left {
        height: 90%;
        width: 50%;
        margin-top: 5%;
        margin-bottom: 5%;
        margin-left: 5%;
        margin-right: 5%;
        display: flex;
        flex-direction: column;
    }
    .case_study_button_two {
        background-color: white;
        border: 2px solid #8C3B3B;
        color: darkred;
        text-align: center;
        font-size: 2rem;
        font-weight: 500;
        padding: 0% 1%;
        margin: 5% 0%;
        width: 25%;
        height: auto;
        /* cursor: pointer; */
        border-radius: 33px;
    }
    #inner_page_two_right {
        height: 100%;
        width: 40%;
        background-color: #8C3B3B;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #inner_page_two_right img {
        height: 80%;
        width: 70%;
    }
    #footer_page {
        height: 50vh;
        min-height: 350px;
        min-width: 768px;
    }
    .carousel_img {
        height: 100%;
        width: 100%;
        display: flex;
        background-color: #D8D8D8;
        align-items: center;
        justify-content: center;
    }
    .carousel_img img {
        width: 65%;
    }
    .carousel-control-next-icon {
        background-image: url("../img/icons8-play-96.png");
        display: inline-block;
        height: 10%;
        width: 40%;
    }
    .carousel-control-prev-icon {
        background-image: url("../img/icons8-play-96\ -\ left.png");
        display: inline-block;
        height: 10%;
        width: 40%;
    }
    #footer {
        height: 10vh;
        min-height: 50px;
        min-width: 768px;
        display: flex;
        font-family: Montserrat;
        font-size: 2rem;
        flex-direction: column;
        color: #707070;
        padding-top: 2%;
        padding-bottom: 2%;
    }
    #footer_menu {
        height: 50%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
    #footer_menu a {
        text-decoration: none;
    }
    #footer_menu a:hover {
        text-decoration: none;
    }
    .footer_menu_normal {
        padding: 0% 3%;
        border-right-width: 2px;
        border-right-style: solid;
        border-right-color: lightgray;
    }
    .footer_menu_unnormal {
        padding: 0% 3%;
    }
    #footer_copyright {
        height: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media (min-width: 1025px) {
    body {
        font-family: Montserrat !important;
    }
    /* div {
        border-block-width: 1px;
        border-color: red;
        border-style: solid;
    } */
    a {
        text-decoration: none;
        color: #8C3B3B;
        font-family: Futura;
        cursor: pointer;
        /* font-weight: 600; */
    }
    .menu a:hover {
        color: white;
        text-decoration: none;
    }
    button {
        cursor: pointer;
    }
    #total_page {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    #theme_page {
        height: 100vh;
        display: flex;
        min-height: 768px;
        min-width: 1024px;
        flex-direction: column;
        background-image: url("../img/IMG-26_2x.webp");
        background-size: cover;
    }
    #theme_menu {
        height: 15%;
        display: flex;
        font-size: 2rem;
        flex-direction: row;
        text-align: center;
        line-height: 4;
    }
    #logo {
        width: 40%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: left;
    }
    #logo img {
        padding-top: 6%;
        width: 70%;
        height: auto;
        vertical-align: top;
    }
    .menu {
        width: 15%;
        height: 100%;
    }
    #theme_content {
        height: 85%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #theme_word {
        color: darkred;
        font-family: Futura;
        /* font-weight: bold; */
        font-size: 6rem;
        display: inline-block;
        text-align: center;
        line-height: 1.2;
    }
    #inner_page_one {
        height: 100vh;
        min-height: 768px;
        min-width: 1024px;
        display: flex;
        flex-direction: row;
    }
    #inner_page_one_left {
        height: 88%;
        width: 48%;
        margin: 5% 0%;
        display: flex;
        flex-direction: column;
    }
    .icon_container {
        height: 40%;
        width: 100%;
        display: flex;
        flex-direction: row;
        margin-left: 1%;
    }
    .icon {
        display: flex;
        flex-direction: column;
        width: 33%;
        align-items: center;
        justify-content: center;
    }
    .icon_image {
        height: 60%;
        width: 70%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .icon_word {
        height: 40%;
        width: 70%;
        font-size: 2rem;
        font-family: Montserrat;
        font-weight: 600;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        color: darkred;
    }
    .icon img {
        height: auto;
        width: 90%;
    }
    #inner_page_one_right {
        height: 90%;
        width: 48%;
        margin: 3% 2%;
        display: flex;
        flex-direction: column;
    }
    .title {
        height: 47%;
        line-height: 1.2;
        padding-top: 15%;
        font-size: 5rem;
        color: darkred;
        font-family: Futura;
        /* font-weight: 600; */
    }
    .content {
        height: 50%;
        font-size: 2rem;
        font-family: Montserrat;
        font-weight: 600;
    }
    .case_study_button {
        background-color: white;
        border: 2px solid #8C3B3B;
        color: darkred;
        text-align: center;
        font-size: 1.5rem;
        font-weight: 500;
        padding: 0% 1%;
        margin: 5% 0%;
        width: 18%;
        height: auto;
        /* cursor: pointer; */
        border-radius: 33px;
    }
    #inner_page_two {
        height: 100vh;
        min-height: 768px;
        min-width: 1024px;
        display: flex;
        flex-direction: row;
    }
    #inner_page_two_left {
        height: 90%;
        width: 50%;
        margin-top: 5%;
        margin-bottom: 5%;
        margin-left: 5%;
        margin-right: 5%;
        display: flex;
        flex-direction: column;
    }
    .case_study_button_two {
        background-color: white;
        border: 2px solid #8C3B3B;
        color: darkred;
        text-align: center;
        font-size: 1.5rem;
        font-weight: 500;
        padding: 0% 1%;
        margin: 5% 0%;
        width: 18%;
        height: auto;
        /* cursor: pointer; */
        border-radius: 33px;
    }
    #inner_page_two_right {
        height: 100%;
        width: 40%;
        background-color: #8C3B3B;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #inner_page_two_right img {
        height: 80%;
        width: 70%;
    }
    #footer_page {
        height: 100vh;
        min-height: 700px;
        min-width: 1024px;
    }
    .carousel_img {
        height: 100%;
        width: 100%;
        display: flex;
        background-color: #D8D8D8;
        align-items: center;
        justify-content: center;
    }
    .carousel_img img {
        width: 65%;
    }
    .carousel-control-next-icon {
        background-image: url("../img/icons8-play-96.png");
        display: inline-block;
        height: 10%;
        width: 40%;
    }
    .carousel-control-prev-icon {
        background-image: url("../img/icons8-play-96\ -\ left.png");
        display: inline-block;
        height: 10%;
        width: 40%;
    }
    #footer {
        height: 20vh;
        min-height: 105px;
        min-width: 1024px;
        display: flex;
        font-family: Montserrat;
        font-size: 2rem;
        flex-direction: column;
        color: #707070;
        padding-top: 2%;
        padding-bottom: 2%;
    }
    #footer_menu {
        height: 50%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
    #footer_menu a {
        text-decoration: none;
    }
    #footer_menu a:hover {
        text-decoration: none;
    }
    .footer_menu_normal {
        padding: 0% 3%;
        border-right-width: 2px;
        border-right-style: solid;
        border-right-color: lightgray;
    }
    .footer_menu_unnormal {
        padding: 0% 3%;
    }
    #footer_copyright {
        height: 49%;
        margin-top: 1%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}