@charset "UTF-8";
/* CSS Document */
.mgrbodyblock{
    margin:8px 1%;
    text-align:center;
    font-family:ibm_plex_sansregular, Verdana, sans-serif; 
    font-size:10pt;
}
.mgrpageheader{
    font-family:latolight,  sans-serif; 
    font-size:18pt;
    margin-top:1em;
}
.mgrpagesubheader{
    font-family:latolight,  sans-serif; 
    font-size:12pt;
    margin:0.2em 5%;
}

.mgrpagepara{
    font-family:latolight,  sans-serif; 
    margin-left:6em;
    margin-top:1em;
    line-height:1.7em;
    font-size:10pt;
}


.hrefintext{
    text-decoration:none;
    color:rgb(121,162,159);
    font-family:inria_seriflight_italic, serif;
    
    font-size:110%;
}
.colourPickerContainer{
    position:relative;
    display:inline-block;

    
    vertical-align:top;
    font-family:ibm_plex_sansregular,  sans-serif;
    font-size:9pt;
    line-height:14pt;
    text-align:center;
    width: 420px;
}
.colour_picker_box{
    background-color:transparent;
    font-size:10pt;
    line-height:15pt;
    text-align:center;
    font-family:  ibm_plex_sansregular, sans-serif;
	
    
    
    color:#003600;
    border:solid black 1px;
    position:absolute;
    display:none;
    z-index:999;
    width:240px;
    height:240px;
    
    
}



/* *************************************** min-width 320 ****************/
@media screen and (min-width: 320px) {
  
.mgrpageheader{
    font-size: calc(18pt + 6 * ((100vw - 320px) / 680));
    }
    .mgrpagesubheader{
    font-size: calc(12pt + 6 * ((100vw - 320px) / 680));
    }
    .mgrpagepara{
       font-size: calc(10pt + 6 * ((100vw - 320px) / 680)); 
    }
}
/* *************************************** min-width 1000 ****************/
@media screen and (min-width: 1000px) {
    .mgrbodyblock{
        margin: 24px 15%;
    }
    .mgrpageheader{
        font-size:32pt;
    }
    .mgrpagesubheader{
    font-size:22pt;
    }
    .mgrpagepara{
        font-size:13pt;
    }
    
}