@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');

.clear {
    clear: both;
}

img {max-width: 100%;
    height: auto;
}

html, body {
    height: 100%;
    margin: 0;
  }

body {
    background-image: url(../splash2025images/body_bg.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    margin: 0px;
    padding: 0px;
    background-color: #ffffff;
    font-family: "Poppins", sans-serif;

}

.header {
    max-width: 96%;
    margin: 0 auto;
    padding: 12px 0 20px;
    padding-left: 20px;
    padding-right: 20px;
    min-height: 10%;

}

.language {float: right; padding-top: 30px; padding-right: 10px; }

.language a {
    background-color: #5784a3;
    padding: 17px 45px;
    text-decoration: none;
    color: #ffffff;
    border-radius: 30px;

}

.language a:hover {
    background-color: #de942b;
    color: #000000;
}


.header_logo {
    max-width: 1000px; 
    margin: 0 auto;
    padding-bottom: 10px;
    min-height: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.header_welcome {
    font-size: 40px;
    color: #004f7c;
    font-weight: 500;
    padding-bottom: 40px;
    text-align: center;
    text-transform: uppercase;
}

.welcome_left {float: left;}
.welcome_right {float: right;}

.logo {}

.health-patient {

    max-width: 96%;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    padding-bottom: 20px;
    vertical-align: top;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 22%;


}

.health-patient a {

    border: 1px solid #4d86a5;
    border-radius: 40px;

    padding: 20px 35px;

    text-decoration: none;

    color: #4d86a5;

    border-radius: 30px;

    margin: 0 13px;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 20px;

    font-weight: 700;
    width: 25%;
    text-align: left;


}

.health-patient a:hover {

    background-color: #ffffff;

}



.health-patient a span {
    display: inline-block;

}



.health-patient img {

    margin-right: 15px;

    float: left;

}



.footer {
    max-width: 96%;
    margin: 0 auto;
    padding: 30px 20px 30px;
    font-size: 15px;
    color: #747474;
    text-align: center;

}


.copyright {

}


.logo a {
    display: block;
}

.logo img {width: 1000px}

@media (max-width:767px) { 
    body {
        background-attachment: fixed;
    }
    .header, .header_logo {
        padding-left: 20px;
        padding-right: 20px;
    }

    .language {float: none; text-align: center; }
    
    .header_logo {padding-bottom: 40px; min-height: 20%; }

    .header_welcome {text-align: center; line-height: 1.1; }
    .welcome_left, .welcome_right {float: none; display: block; }

    .health-patient {margin: 0px; padding: 0 20px; text-align: center; display: block;  }

    .health-patient a { width: 82%; line-height: 1.2; 

        padding: 20px 25px; font-size: 18px; margin: 10px 5px;

    }

    .health-patient img {float: none !important;}

    .health-patient a span {display: block; }


    .footer {padding-left: 20px; padding-right: 20px; display: block; text-align: center; 

        padding: 30px 20px;

    }

    .footermenu, .copyright {float: none; width: 100%; text-align: center; padding: 3px 0; }

    .logo img {width: 700px !important;}

}



@media screen and (min-width:768px) {

    body {
        background-attachment: fixed;
    }

    .header, .welcome, .health-patient, .footer {
        padding-left: 20px;
        padding-right: 20px;
    }

    .health-patient {
        display: block; 
	   max-width: 1024px;
    }

    .health-patient a {
        padding-left: 20px;
        padding-right: 20px;
        width: 40%;
        float: left;
        margin: 10px;
        cursor: pointer;
	   display: flex;
	   justify-content: center;
    }

    .logo img {width: 700px !important;}

}


@media screen and (min-width:1025px) {

    .logo img {width: 800px !important;}

}