body {
    background-color: #ce9158;
    padding: 0;
    margin: 0;
    background-size: cover;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Responsive styles for different breakpoints */

/* Small screens (up to 600px) */
@media screen and (max-width: 600px) {}

/* Medium screens (601px to 900px) */
@media screen and (min-width: 601px) and (max-width: 900px) {}

/* Large screens (901px to 1200px) */
@media screen and (min-width: 901px) and (max-width: 1200px) {}

/* Extra large screens (1201px and above) */
@media screen and (min-width: 1201px) {}

.cardcontainer {
    position: relative;
    background-color: #eee;
    height: fit-content;
    margin: 0 auto;
    margin-bottom: 85px;
    /* Reduced from 100px */
    max-width: 1105px;
    width: 80%;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    padding: 25.5px 25.5px 42.5px 25.5px;
    /* Adjusted padding */
    box-shadow: 0px 4.25px 8.5px #444;
    /* Unchanged box-shadow */
}

.arrow {
    position: absolute;
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 8px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transition: transform 0.2s cubic-bezier(.1, .72, 0, .97);
    /* Unchanged transition */
}

.arrow:hover {
    transform: scale(110%) rotate(135deg);
    /* Unchanged transform */
}

.titlecontainer {
    text-align: center;
    max-width: 850px;
    /* Reduced from 1000px */
    margin: auto;
}

.title {
    font-size: 3.4rem;
    /* Reduced font-size */
}

.line {
    border-bottom: 2px solid #000;
    /* Reduced border thickness */
    display: block;
    margin: 17px 0;
    /* Reduced margin */
}

.infocontainer {
    max-width: 850px;
    /* Reduced from 1000px */
    margin: auto;
}

.subtitle {
    display: block;
    font-size: 1.7rem;
    /* Reduced font-size */
    margin-bottom: 8.5px;
    /* Reduced margin */
}

.infospan:not(li) {
    display: block;
    margin-bottom: 12.75px;
    /* Reduced margin */
    font-size: 1.36rem;
    /* Reduced font-size */
    line-height: 1.785rem;
    /* Adjusted line-height */
}