#title {
    position: relative;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 40px;
    text-decoration: 2px underline;
    top: 15px;
    font-family: "lobster", cursive;
}

.box {
    position: relative;
    width: 99%;
    height: 262px;
    top: 50px;
    margin-bottom: 30px;
    left: 30px;
}

.in_box {
    position: relative;
    margin: 0 auto;
    width: 1900px;
}

.description {
    border: 10px solid #c26600;
    outline: 10px solid black;
    outline-offset: 5px;
    width: 620px;
    height: 220px;
    float: left;
}

.in_description {
    width: 600px;
    height: 100%;
}

.number {
    position: relative;
    margin: 0;
    font-size: 22px;
    float: left;
    font-weight: bolder;
}

.date {
    position: relative;
    left: 490px;
    top: 2px;
    width: 120px;
    font-size: 20px;
    font-weight: bolder;
    color: #C26600;
}

.title_main {
    position: relative;
    color: #303030;
    float: left;
    font-size: 50px;
    font-weight: bolder;
    width: 90%;
    text-align: center;
    top: 20px;
    margin: 0 auto;
}

.title_three_lines {
    position: relative;
    color: #303030;
    float: left;
    font-size: 50px;
    font-weight: bolder;
    width: 90%;
    text-align: center;
    margin: 0 auto;
}

.images {
    position: relative;
    left: 50px;
    top: -10px;
    float: left;
    width: 1162px;
    user-select: none;
}

.images img {
    width: 280px;
    height: 250px;
    object-fit: cover;
}

.in_image {
    padding-left: 10px;
}

@media (min-width: 1900px) {

    footer {
    margin-top: 15% !important;
    }
}

@media (max-width: 1260px) {

    .box {
        position: relative;
        width: 100%;
        height: 262px;
        top: 50px;
        margin-bottom: 30px;
        left: 30px;
    }
    
    .in_box {
        position: relative;
        margin: 0 auto;
        width: 1200px;
    }

    .description {
        position: relative;
        border: 10px solid #c26600;
        outline: 10px solid black;
        outline-offset: 5px;
        width: 620px;
        height: 220px;
        left: 250px;
        margin-bottom: 50px;
        margin-top: 20px;
        float: left;
    }

    .images {
        position: relative;
        left: -10px;
        top: -10px;
        float: left;
        width: 1162px;
        user-select: none;
        object-fit: cover;
    }

    footer {
        margin-top: 255% !important;
    }
}

@media (max-width: 1024px) {

    .description {
        position: relative;
        border: 10px solid #c26600;
        outline: 10px solid black;
        outline-offset: 5px;
        width: 620px;
        height: 220px;
        left: 167px;
        margin-bottom: 50px;
        margin-top: 20px;
        float: left;
    }

    .images {
        position: relative;
        left: 200px;
        top: -10px;
        float: left;
        width: 800px;
        user-select: none;
        object-fit: cover;
    }

    .in_image {
        padding: 0;
    }

    footer {
        margin-top: 590% !important;
    }
}

@media (max-width: 800px) {

    .description {
        position: relative;
        border: 10px solid #c26600;
        outline: 10px solid black;
        outline-offset: 5px;
        width: 620px;
        height: 220px;
        left: 50px;
        margin-bottom: 50px;
        margin-top: 20px;
        float: left;
    }

    .images {
        position: relative;
        left: 85px;
        top: -10px;
        float: left;
        width: 800px;
        user-select: none;
        object-fit: cover;
    }

    footer {
        margin-top: 750% !important;
    }
}

@media (max-width: 720px) {

    .description {
        position: relative;
        border: 10px solid #c26600;
        outline: 10px solid black;
        outline-offset: 5px;
        width: 620px;
        height: 220px;
        left: 10px;
        margin-bottom: 50px;
        margin-top: 20px;
        float: left;
    }

    .images {
        position: relative;
        left: 45px;
        top: -10px;
        float: left;
        width: 800px;
        user-select: none;
        object-fit: cover;
    }

    footer  {
        margin-top: 830% !important;
    }
}

@media (max-width: 415px) {

    .box {
        position: relative;
        width: 100%;
        height: 1350px;
        top: 50px;
        margin-bottom: 30px;
        left: 60px;
    }
    
    .in_box {
        position: relative;
        margin: 0 auto;
        width: 1200px;
    }
    
    .description {
        position: relative;
        border: 10px solid #c26600;
        outline: 10px solid black;
        outline-offset: 5px;
        width: 250px;
        height: 220px;
        left: 10px;
        margin-bottom: 50px;
        margin-top: 20px;
        float: left;
    }
    
    .in_description {
        width: 250px;
        height: 100%;
    }
    
    .number {
        position: relative;
        margin: 0;
        font-size: 22px;
        float: left;
        font-weight: bolder;
    }
    
    .date {
        position: relative;
        left: 120px;
        top: 2px;
        width: 120px;
        font-size: 20px;
        font-weight: bolder;
        color: #C26600;
    }
    
    .title_main {
        position: relative;
        color: #303030;
        float: left;
        font-size: 25px;
        font-weight: bolder;
        width: 90%;
        text-align: center;
        top: 50px;
        left: 10px;
        margin: 0 auto;
    }
    
    .title_three_lines {
        position: relative;
        color: #303030;
        float: left;
        font-size: 25px;
        font-weight: bolder;
        width: 90%;
        top: 50px;
        left: 10px;
        text-align: center;
        margin: 0 auto;
    }
    
    .images {
        position: relative;
        left: 0px;
        top: -10px;
        float: none;
        width: 250px;
        user-select: none;
        object-fit: cover;
    }

    footer  {
        margin-top: 20% !important;
    }
}