@charset "UTF-8";
/* CSS Document */

/*fonts*/
.h1 {font-family: "Trebuchet MS";
    color: #282B67;
    font-size: 20px;
}

.h2 {font-family: "Trebuchet MS";
    font-size: 14px;
    color: #282B67;
    margin-left: 80px;
    text-align: left;
}

.h3 {
    font-family: "Trebuchet MS";
    font-size: 12px;
}
.h4 {
    color: #2a6496;
    font-family: "Trebuchet MS";
    font-size: 14px;
    
}
.h6 {
    font-family: "Trebuchet MS";
    margin-left:30px;
    margin-right: 30px;
    font-size: 14px;
    font-style: normal;
}
 .p {
    font-family: "Trebuchet MS";
    font-size: 16px;
    margin:10px 450px 10px 70px;
    text-align: justify;
}
.redtext {
	color:red;
}
.indent {
    margin-left: 10px;
}
.page_label {
    font-family: "Trebuchet MS";
    font-size: 12px;
    font-colour: #2a6496;
}
.header {
    display: flex;
    flex-flow: row wrap;
    width: 1760px;
    top:auto;
    background-color: #949494;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    font-family: "Trebuchet MS";
    font-size: 1.2em;
    height: 3.3em;
    justify-content: space-around;
    align-content: center;
    align-items: center;
  
}
.header > div {
    display:flex;
    flex-flow: row wrap;

}
.footer {
    display: flex;
    width: 1760px;
    background-color: #949494;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    height: 3em;
    justify-content: space-around;
    align-content: center;
    align-items: center;
	position: static;
    font-family: "Trebuchet MS";
    font-size: 1.2em;
    float:inherit;
}
.headerfooter:hover {
	color:#D4D4D4;
	cursor: pointer;
}
.flex_container2 {
    display: flex;
    flex-flow: column wrap;
    object-position: center;
    justify-content: center;
    align-items: center;
    align-content: stretch;
    font-family: "Trebuchet MS";
    
    
}
.flex_container2 >  div{
    background-opacity: 100%;
    margin: 30px 30px 10px 30px;
    padding: 0px;
    justify-content: center;
    align-items: center;
}
.banner {
    font-family: "Trebuchet MS";
    font-size: 42px;
    letter-spacing: 5px;
}
.tagline {
    font-family: "Trebuchet MS";
    font-size: 30px;
    letter-spacing: 2px;
      
}

.topbox {
    font-family: sans-serif;
    margin-top: 10px;
    margin-right: 20px;
    margin-bottom: 5px;
    margin-left: 20px;
    padding: 5px 5px 5px 5px;
    border-style: solid;
    border-top-width: medium;
    border-right-width:  medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-collapse: collapse;
    float: left top;
    }
.flex_frontpage {
    display: flex;
    background-color: #FFFFFF;
    flex-flow: row nowrap;
    flex:3;
    margin: 30px 195px 0px 200px;
    justify-content: space-around;
    align-items: center;
    align-content: center; 
    font-family: "Trebuchet MS";
    font-size: medium;
    float: center;
}
    flex_frontpage > column {
    flex: 100%;
    flex-flow: column wrap;
    max-width: 400px;
    padding:5;
    justify-content: center;
    align-items: center;
    align-content: center; 
}
    flex_frontpage > row1{ 
    
}
    flex_frontpage > column row3{ 
    
    width: 120px;
    padding: 5px;
    padding-left:0px;
    justify-content: flex-start;
    align-self:center;
}

    flex_frontpage > img{
    margin-top: 0px;
    width: 100%;
}
    .box {
    width: 250px;
    height: 290px;
    margin: 15px 60px 10px 65px;
    padding: 0px 0px 5px 5px;
    text-align: justify;
    align-text: center;
    font-family: "Trebuchet MS";
    font-size: 14px;
}
.lists{
    font-family: "Trebuchet MS";
    margin-left: 100px;
    
}
.buttons {
    opacity: 1;
    padding: 1em 0em 1em 0em;
    margin: 0.5em 0.1em 0.5em 0.1em;
    
}

.bottombox{
    font-family: "Trebuchet MS";
    margin-top: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-left: 20px;
    padding: 5px 5px 5px 5px;
    border-style: solid;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-collapse: collapse;
    float: right;
}
.leftcorner{
    color: #0000CC;
    
    }
.backbutton{
    margin-left:70px;

}
.homepagebox {
    font-family: "Trebuchet MS";
    align-content: center;
    margin-top: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-left: 50px;
    padding: 5px 5px 5px 5px;
    border-style: solid;
    border-top-width: medium;
    border-right-width:  medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-collapse: collapse;
    float: center;
}

/* Media query for Mobile devices*/
@media only screen and (min-width : 285px) and (max-width : 480px) {
/* Header */
.background_image {
    background-size: auto;
    }
/*fonts*/
.h1 {font-family: "Trebuchet MS";
    color: #282B67;
    font-size: 16px;
}

.h2 {font-family: "Trebuchet MS";
    font-size: 12px;
    color: #282B67;
    margin-left: 25px;
    text-align: left;
}

.h3 {
    font-family: "Trebuchet MS";
    font-size: 8px;
}
.h6 {
    margin-left:20px;
    margin-right: 30px;
    font-family: "Trebuchet MS";
    font-size: 10px;
    font-style: italic;
}
 .p {
    font-family: "Trebuchet MS";
    font-size: 16px;
    margin-right: 60px;
    margin-left: 60px;
    text-align: justify;
}
.header {
    display:flex;
    flex-flow: column wrap;
    min-width: 275px;
    max-width: 768px;
    font-size: 0.9em;
    height: 4em;
    margin-top:1.1em;
    margin-right: auto;
    margin-bottom: 1.1em;
    margin-left: auto;
    justify-content:center;
    align-content: center;
    position: fixed;
    }
.footer {
    display:flex;
    flex-wrap: row wrap;
    font-size: 12px;
    min-width: auto;
    }
.topbox {
    margin: 20px 10px 20px 20px;
    float: none;
}
.buttons {
    opacity:1;
    padding: 1em 0em 1em 0em;
    margin: 0.5em 0.25em 0.5em 0.25em;
         
}
.bottombox {
    margin: 10px 20px 10px 20px;
    float: right;
}

.flex_container {
    display: flex;
    font-size: 8px;
    margin: 2px 1px 2px 1px;
    padding: 0px;
   
    }
 .background-image {
    width: 50%;
    }
.flex_frontpage {
    display: flex;
    width: auto;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    flex-flow: column wrap;
    flex:0;
    justify-content: center;
    align-items: center;
    align-content: center; 
    font-family: "Trebuchet MS";
    font-size: medium;
    float: center;
    
}
    flex_frontpage > column {
    flex: 100%;
    flex-flow: column wrap;
    max-width: 100%;
    padding: 0 4px;
}
    flex_frontpage > row1{ 
    flex-flow: column wrap;
}
    
    flex_frontpage > column row3{ 
    
    width: 50px;
    flex-flow: row wrap;
    padding: 4px;
    padding-left:0px;
    
}

    flex_frontpage > img{
    margin-top: 8px;
    width: 100%;
}
 .box {
    width: 250px;
    height: 290px;
    margin: 15px 70px 10px 60px;
    padding: 0px 0px 10px 10px;
    text-align: justify;
    align-text: center;
    font-family: "Trebuchet MS";
    font-size: 12px;
}
}
    
    /*tablet*/
@media (min-width: 481px) and (max-width: 1024px){
    .background-image {
    width: auto;
    }
/*fonts*/
.h1 {font-family: "Trebuchet MS";
    color: #282B67;
    font-size: 28px;
}

.h2 {font-family: "Trebuchet MS";
    font-size: 16px;
    color: #282B67;
    margin-left: 25px;
    text-align: left;
}

.h3 {
    font-family: "Trebuchet MS";
    font-size: 12px;
}
.h6 {
    margin-left:20px;
    margin-right: 30px;
    font-family: "Trebuchet MS";
    font-size: 12px;
}
.p{
    font-family: "Trebuchet MS";
    font-size: 16px;
    margin-right: 200px;
    margin-left: 70px;
    text-align: justify;
}
.topbox {
    margin: 20px 400px 20px 0px;
    float: left top;
}
.buttons {
    opacity:1;
    padding: 1em 0.25em 1em 0em;
    margin: 0.5em 0.25em 0.5em 0.25em;    
}
.bottombox {
    margin: 10px 0px 0px 20px;
    float: right;
    
}
.flex_container {
    flex-direction: column;
    flex-direction: wrap;
    justify-content: center;
    align-content: auto;
    font-size: 10px;
    margin: 2px 1px 2px 1px;
    padding: 1px;
}

.header {
    display:flex;
    flex-wrap: row wrap;
    max-width: 1024px;
    }
.footer {
    display:flex;
    flex-wrap: row wrap;
    max-width: 1024px;
    }

  .flex_frontpage {
    display: flex;
    background-color: #FFFFFF;
    flex-flow: row nowrap;
    flex:3;
    margin: 30px 100px 0px 100px;
    justify-content: space-around;
    align-items: center;
    align-content: center; 
    font-family: "Trebuchet MS";
    font-size: medium;
    float: center;
}
    flex_frontpage > column {
    flex: 100%;
    flex-flow: column wrap;
    max-width: 400px;
    padding:0;
    justify-content: center;
    align-items: center;
    align-content: center; 
}
    flex_frontpage > row1{ 
    
}
        flex_frontpage > column row3{ 
    
    width: 100px;
    padding: 4px;
    padding-left:0px;
    justify-content: flex-start;
    align-self:center;
}

    flex_frontpage > img{
    margin-top: 8px;
    width: 100%;
}
    .box {
    width: 250px;
    height: 290px;
    margin: 15px 70px 10px 60px;
    padding: 0px 0px 10px 10px;
    text-align: justify;
    align-text: center;
    font-family: "Trebuchet MS";
    font-size: 13px;
}
}
    
/* Desktops and laptops  */
@media only screen and (min-width:1025px) {
/* Header */

/*fonts*/
.h1 {font-family: "Trebuchet MS";
    color: #282B67;
    font-size: 24px;
}

.h2 {font-family: "Trebuchet MS";
    font-size: 18px;
    color: #282B67;
    margin-left: 80px;
    text-align: left;
}

.h3 {
    font-family: "Trebuchet MS";
    font-size: 12px;
}
.h6 {
    margin-left:30px;
    margin-right: 30px;
    font-family: "Trebuchet MS";
    font-size: 12px;
    
}
 .p {
    font-family: "Trebuchet MS";
    font-size: 16px;
    margin-right: 600px;
    margin-left: 80px;
    text-align: justify;
}

.topbox {
    margin-top: 10px;
    margin-right: 20px;
    margin-bottom: 5px;
    margin-left: 20px;
    padding: 5px 5px 5px 5px;
    border-style: solid;
    border-top-width: medium;
    border-right-width:  medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-collapse: collapse;
    float: left top;
}
.buttons {
    opacity:1;
    padding: 1em 0em 1em 0em;
    margin: 0.5em 0.25em 0.5em 0.25em;
}

.bottombox{
    margin-top: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-left: 20px;
    padding: 5px 5px 5px 5px;
    border-style: solid;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-collapse: collapse;
    float: right;
}
}.covid_19 {
}