/* Page-Specific Styles for Coastal Reports */







.right-section {

    flex: 1;

    text-align: center;

}



h1 {

    font-size: 36px;

    font-weight: 900;

    text-transform: uppercase;

    line-height: 1.2;

   

}



h1 span {

    color: #ffffff; /* Color for "COASTAL" */

}







.buttons {

    display: flex;

    flex-direction: row; /* Stack buttons horizontally */

    justify-content: center;

    gap: 20px; /* Space between buttons */

    margin-top: 25px;

}







.report-button {

    width: 160px; /* Adjust width as per the JPEG */

    height: 120px; /* Adjust height as per the JPEG */

    font-size: 18px;

    font-family: 'Poppins', sans-serif;

    font-weight: 200;

    color: white;

    background: transparent;

    border: 2px solid #cc983f;

    border-radius: 30px;

    cursor: pointer;

    transition: 0.3s;

    text-decoration: none; /* Remove underline from links */

    display: flex; /* Center text vertically and horizontally */

    align-items: center;

    justify-content: center;

    text-align: center;

    padding: 10px;

}



.report-button:hover {

    background-color: #cc983f;

}



/* Responsive Adjustments */

@media (max-width: 768px) {

    h1 {

        font-size: 28px;

        margin-top: 20px;

    }



    .buttons {

        flex-direction: column; /* Stack buttons vertically on smaller screens */

        gap: 15px;

        align-items: center;



    }



    .report-button {

        width: 180px; /* Adjust width as per the JPEG */

    height: 50px; /* Adjust height as per the JPEG */

   

    }

}



@media (max-width: 480px) {

    h1 {

        font-size: 24px;

    }



    .buttons {

        flex-direction: column; /* Stack buttons vertically on smaller screens */

        gap: 10px;

        align-items: center;



    }



    .report-button {

        width: 180px; /* Adjust width as per the JPEG */

    height: 50px; /* Adjust height as per the JPEG */

   

    }

    }