:root {
    --blue: #336799;
    --darkblue: #3d4a76;
    --green: #3D9B76;
    --purewhite:#fff;
    --lightwhite:#f2f2f2;
    --bluishwhite:EDF1FF;

    --bgcol: var(--blue);
    --navlinkcol: var(--lightwhite);
    --navhoverbgcol: var(--darkblue);
    --navhovercol: var(--purewhite);
    --navactivebgcol: var(--green);
    --navactivecol: var(--purewhite);
    --contentbgcol: var(--bluishwhite);
    --footercol: var(--lightwhite);

}

.sidecolumn_left {
    background-color: var(--bgcol);
}

.sidecolumn_right {
    background-color: var(--bgcol);
    
}

.logo {
/*    text-align: center;*/
  padding-top:1%;
  padding-bottom:1%;
}

.logo_image {
    width: 100%;
/*    height:fit-content;  */
/*    width: inherit;*/
    height:auto;  

}

 /* The navbar container */
nav {
    background-color: var(--bgcol);
    text-align: center;
    padding: 6px 0px 0px 0px;
}

/* Navbar links */
nav a {
    display: inline;
    color: var(--navlinkcol);
    font-size: 18px;
/*    line-height: 30px;*/
    /* top right bottom left */
    padding: 0px 18px 0px 18px;
    text-decoration: none;
}

/* Links - change color on hover */
nav a:hover {
    background-color: var(--navhoverbgcol);
    color: var(--navhovercol);
  
} 

.activemenu {
    background-color: var(--navactivebgcol); 
    color: var(--navactivecol);
}

main {
    background-color: var(--contentbgcol);

}

.mainframe {
    width:100%;
    height:100%;    
    border:none;
}

footer {
    display: inline;
    color: var(--footercol) ;
    background-color: var(--bgcol);
    text-align: center;
/*    margin: 0px 0px 0px 0px;*/
/*    padding: 0px 0px 6px 0px;*/
}

.usp {
    font-size: 18px;
    padding:0px 25px 0px 25px;
/*   line-height: 35px;*/

}



@media only screen and (max-width:1250px){
    .usp {
        padding:0px;
        margin: 0px;
    }
}

@media only screen and (max-width:600px){
    footer {
    /*    display: flex;*/
    /*    flex-direction: column;*/
    }

    .logo {
        text-align: center;
    }

    .logo_image {
        width: 90%;
    }
    /* Navbar links */
    nav a {
        padding: 0px 6px;
    }


}