/*.containerser{*/
/*    font-family: "Roboto", sans-serif;*/
/*    background-color: #030216;*/
/*}*/
/*.headerser {*/
/*  / background-color: #00aaff; /*/
/*  color: white;*/
/*  text-align: center;*/
/*  padding: 100px 20px;*/
/*  position: relative;*/
/*}*/
/*.headerser h1 {*/
/*  margin: 0;*/
/*  font-size: 70px;*/
/*  font-weight: 700;*/
/*  color: white;*/
/*}*/
/*.contentser {*/
/*  background-color:#282D45;*/
/*  color: white;*/
/*  max-width: 90%;*/
/*  margin-top: 20px;*/
/*  padding: 40px;*/
/*  box-shadow: 0 4px 8px rgba(0,0,0,0.1);*/
/*  border-radius: 8px;*/
/*  margin-left: 80px;*/
/*  margin-right: 80px;*/
/*   justify-content: center; */
/*      align-items: center; */
/*}*/
/*.contentser h2 {*/
/*  font-size: 24px;*/
/*  font-weight: 400;*/
/*  margin-top: 0;*/
/*  color: white;*/
/*}*/
/*.contentser p {*/
/*  font-size: 17px;*/
/*  line-height: 1.6;*/
/*}*/
/*.contentser .last-modified {*/
/*  font-weight: 700;*/
/*}*/
/*.contentser .last-modified span {*/
/*  font-weight: 400;*/
/*}*/
/*.contentser a {*/
/*  color: #00aaff;*/
/*  text-decoration: none;*/
/*}*/
/*.contentser a:hover {*/
/*  text-decoration: underline;*/
/*}*/

/*.footer__cta a {*/
/*    font-size: 17px;*/
/*    color: white;*/
/*    font-weight: 500 ;*/
/*}*/
/*/ Responsive Styles /*/
/*@media (max-width: 1024px) {*/
/*    .headerser {*/
/*        padding: 80px 20px;*/
/*    }*/

/*    .headerser h1 {*/
/*        font-size: 50px; / Adjust header font size for tablets /*/
/*    }*/

/*    .contentser {*/
/*        padding: 30px; / Reduce padding for tablets /*/
/*    }*/

/*    .contentser h2 {*/
/*        font-size: 22px;*/
/*    }*/

/*    .contentser p {*/
/*        font-size: 16px;*/
/*    }*/
/*}*/

/*@media (max-width: 768px) {*/
/*    .headerser {*/
/*        padding: 60px 15px;*/
/*    }*/

/*    .headerser h1 {*/
/*        font-size: 40px; / Adjust header font size for mobile /*/
/*    }*/

/*    .contentser {*/
/*        max-width: 95%; / Increase width on smaller screens /*/
/*        padding: 20px; / Further reduce padding /*/
/*    }*/

/*    .contentser h2 {*/
/*        font-size: 20px;*/
/*    }*/

/*    .contentser p {*/
/*        font-size: 15px;*/
/*    }*/
/*}*/

/*@media (max-width: 480px) {*/
/*    .headerser {*/
/*        padding: 150px 10px 50px 10px;*/
/*    }*/

/*    .headerser h1 {*/
/*        font-size: 30px; / Smallest header font for small devices /*/
/*    }*/

/*    .contentser {*/
/*        width: 100%;*/
        /*padding: 15px;*/
        /*box-shadow: none; / Remove shadow for simpler look on small devices /*/
/*    }*/

/*    .contentser h2 {*/
/*        font-size: 18px;*/
/*    }*/

/*    .contentser p {*/
/*        font-size: 14px;*/
/*    }*/

/*    .footer__cta a {*/
/*        font-size: 16px;*/
/*    }*/
/*}*/

.containerser {
    font-family: "Roboto", sans-serif;
    background-color: #030216;
    padding: 20px 0; /* Added padding to avoid content being too close to edges */
}

.headerser {
    color: white;
    text-align: center;
    padding: 150px 20px 50px 20px;
    position: relative;
    
}

.headerser h1 {
    margin: 0;
    font-size: 70px;
    font-weight: 700;
    color: white;
}

.contentser {
    background-color: #282D45;
    color: white;
    max-width: 90%;
    margin-top: 20px;
    padding: 40px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    border-radius: 8px;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    align-items: center;
}

.contentser h2 {
    font-size: 24px;
    font-weight: 400;
    margin-top: 0;
    color: white;
}

.contentser p {
    font-size: 17px;
    line-height: 1.6;
}

.contentser .last-modified {
    font-weight: 700;
}

.contentser .last-modified span {
    font-weight: 400;
}

.contentser a {
    color: #00aaff;
    text-decoration: none;
}

.contentser a:hover {
    text-decoration: underline;
}

.footer__cta a {
    font-size: 17px;
    color: white;
    font-weight: 500;
}

/* Responsive Styles */
@media (max-width: 1024px) {
    .headerser {
        padding: 80px 20px; /* Adjust header padding for tablets */
    }

    .headerser h1 {
        font-size: 50px; /* Adjust header font size for tablets */
    }

    .contentser {
        padding: 30px; /* Reduce padding for tablets */
        width: 95%; /* Ensure content is not too narrow */
    }

    .contentser h2 {
        font-size: 22px;
    }

    .contentser p {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .headerser {
        padding: 60px 15px; /* Adjust padding for mobile */
    }

    .headerser h1 {
        font-size: 40px; /* Adjust header font size for mobile */
    }

    .contentser {
        max-width: 95%; /* Increase width on smaller screens */
        padding: 20px; /* Further reduce padding */
    }

    .contentser h2 {
        font-size: 20px;
    }

    .contentser p {
        font-size: 15px;
    }
}

@media (max-width: 480px) {
    .headerser {
        padding: 150px 10px 50px 10px; /* Adjust padding for very small screens */
    }

    .headerser h1 {
        font-size: 30px; /* Smallest header font for small devices */
    }

    .contentser {
        width: 100%;
        padding: 15px; /* Reduce padding for small screens */
        box-shadow: none; /* Remove shadow for simpler look on small devices */
    }

    .contentser h2 {
        font-size: 18px;
    }

    .contentser p {
        font-size: 14px;
    }

    .footer__cta a {
        font-size: 16px;
    }
}

* {
    box-sizing: border-box;
}