/* 
    Created on : 13 sep 2023, 19:05:50
    Author     : heinwillers
*/
body    {
    margin: 40px 0px 0px 5%;
    color: #fff;
    font-family: cambay_devanagariregular, Verdana, sans-serif;
    color: #D1DfE7;
}
.grid-container {
    display: grid;
    gap: 0px;
    grid-template-columns: 225px 25% 25% 25%;
    grid-template-rows: 100px 60px auto 50px;
}
.grid-header    {
    grid-column-start: 1;
    grid-column-end: 5;
}
.grid-sitename  {
    grid-row-start:  2;
    grid-column-start: 1;
    grid-row-end: 3;
    grid-column-end: 5;
}
.grid-nav{
    grid-row-start:3;
    grid-column-start: 1;
    grid-row-end: 4; 
    grid-column-end: 2;
}
.grid-content   {
    grid-row-start: 3;
    grid-column-start: 2;
    grid-row-end: 4;
    grid-column-end: 5;
}
.grid-footer    {
    grid-column-start: 1;
    grid-column-end: 5;
}

@media only screen and (min-device-width: 1200px)
    and (max-device-width: 1600px)
    and (-webkit-min-device-pixel-ratio: 1) {
    .grid-sidebarLeft   {
        width: 100%;
        height: auto;
        position: relative;
    }
}
@media only screen
    and (min-device-width: 375px)
    and (max-device-width: 812px)
    and (-webkit-min-device-pixel-ratio: 1)   {
        .grid-sidebarLeft    {
         width: 50%;
         height: auto;
         position: relative;
        }
    }  
    
.grid-header    {
    float: left;
    font-family: rounded_eleganceregular;
    font-size: 72px;
    color: mediumseagreen;
    padding-left: 35px;
    /border: 1px solid green;
}
.grid-sitename  {
    font-family: rounded_eleganceregular;
    font-size: 36px;
    padding-left: 40px;
    /border: 1px solid blue;
}
.grid-nav   {
    margin: 20px 0px 100% 0px;
    font-family: Verdana, helvetica, sans serif;
    /border:1px solid magenta;
}
.grid-content   {
    /border: 1px solid green;
}
.grid-footer    {
    padding-left: 40px;
    font-size: 125%;
    color: #4E5F75;
    /border: 1px solid green;
}
.p-header   {
    float: left;  
    font-size: 72px;
    padding-top: 20px;
}
hr  {
    margin-top:1.5em;
}
nav li  {
    display: block;
    text-align:left;
    padding-top:5px;
    padding-left: 10px;
}
nav {
    clear: both;
}
li a:link  {
    text-decoration: none;
    color: #D1DfE7;
}
li a:visited   {
    color: #D1DfE7;
}
li a:hover {
    color: white;  
}