@media (min-width: 1124px) {

    .resp-text {
        display: none;
    }
    .resp-text-recon {
        display: none;
    }
    .front-page-container {
        display: flex;
    }
    .front-page-image {
        width: 60%;
        background-color: #ffeb3b;
        padding: 1%;
        padding-top: 9%;
        padding-bottom: 9%;
        display: flex;
        justify-content: center;
    }
    .front-page-image img {
        width: 80%;
        height: auto;
    }
    .front-page-text {
        width: 40%;
        padding-top: 10%;
    }
    .main-text {
        font-size: 600%;
        padding: 2%;
        line-height: 1;
    }
    .motto-text {
        font-size: 2rem;
        padding: 2%;
    }
    .motto-text-recon {
        font-size: 2rem;
        padding: 2%;
        line-height: 1;
    }
}

@media (max-width: 1124px){
    .resp-text {
        display: flex;
        justify-content: center;
        text-align: center;
        font-size: 400%;
        padding: 2%;
        padding-top: 70px;
        line-height: 1;
    }
    .resp-text-recon {
        justify-content: center;
        text-align: center;
        font-size: 150%;
        font-weight: normal;
        padding-bottom: 20px;

    }
    .front-page-text{
        display: none;
    }
    .front-page-image {
        background-color: #ffeb3b;
        padding: 1%;
        padding-top: 9%;
        padding-bottom: 9%;
        display: flex;
        justify-content: center;
    }
    .front-page-image img {
        width: 80%;
        height: auto;
    }
}