/*
Application Rangalaaf Website
Filename default.css
Directory /styles
Created May 15, 2026
Author Team
Updated May 16, 2026, May 15, 2026
Updator Team
*/

body{
background-color:#ffffff;
padding:0px;
margin:0px;
box-sizing:border-box;
font-family:arial,helvetica,sans-serif;
font-size:100%;
color:#000000;
font-weight:400;
font-style:normal;
line-height:1.5;}

header{width:100%;position:fixed;top:0;left:0;z-index:1000;display:flex;background-color:#ffffff;border-bottom:1px solid #cccccc;box-shadow:0 2px 4px #00000000;align-items:center;justify-content:space-between;box-sizing:border-box;padding:4px 24px 4px 8px}
.logo{display:flex;align-items:center;justify-content:left;gap:4px;font-size:200%;font-weight:700;padding:4px 16px 4px 16px}
.nav{}
.menu{display:flex;list-style:none;gap:8px;margin-top:1.0rem;}
.hero{}
.page{width:100%;overflow:auto;box-sizing:border-box;padding:4px 24px 24px 24px}
footer{width:100%;min-height:100px;display:flex;background:#d2921e;align-items:flex-end;justify-content:center;box-sizing:border-box;padding:8px 16px 8px 16px}

h1{}
h2{}
h3{}
h4{}

a{text-decoration:none;color:#000000}
a:visited{text-decoration:none;color:#000000}
a:hover{text-decoration:underline;color:#0000ff}

.menu li a{text-align:center;padding:2px;color:#0000ff;font-weight:400;text-decoration:none;}

@media screen and (max-width:1080px){
body{
font-size:2.0rem;}
header{height:80px;}
.page{margin-top:80px}
.logo{height:100px;}
.logoi{height:80px;border:0px;}
}


@media screen and (min-width:1081px){
body{
font-size:1.0rem;}
header{height:80px;}
.page{margin-top:80px}
.logo{height:80px;}
.logoi{height:60px;border:0px}
}


/*End of File*/