/* Styles for the mh370site */

body { background-color: #F2F2F2;
       padding-top:2em;  padding-bottom:2em;
       padding-left:2vw; padding-right:2vw; 
       font-family: Arial, Verdana, Helvetica, sans-serif; }

/* root font size */
:root { font-size: clamp( 1.2vw, 1.05rem, 1.5vw ); }

body { font-size: 100%; }
p { font-size: 100%; font-family: Arial, Verdana, Helvetica, sans-serif; }
dl dt dd { font-size: 100%; font-family: Arial, Verdana, Helvetica, sans-serif; }
ul ol li { font-size: 100%; font-family: Arial, Verdana, Helvetica, sans-serif; }

/* Headings are sized by percentage over the base font and also resize based on viewport width */
h1 {font-size: 125%; font-family: Arial, Verdana, Helvetica, sans-serif; }   

h2 {font-size: 120%; font-family: Arial, Verdana, Helvetica, sans-serif; } 

h3 {font-size: 115%; font-family: Arial, Verdana, Helvetica, sans-serif; }

h4 {font-size: 110%; font-family: Arial, Verdana, Helvetica, sans-serif; }

h5 {font-size: 105%; font-family: Arial, Verdana, Helvetica, sans-serif; }

h6 {font-size: 100%; font-family: Arial, Verdana, Helvetica, sans-serif; }

h6 {font-size: 90%; font-family: Arial, Verdana, Helvetica, sans-serif; }


/* Header */
.header { width: 90%; margin-left:auto; margin-right:auto; }


.MainHeading { color:#102487;  font-size:160%; font-weight:bold; 
    font-family:Arial, Verdana, Helvetica, sans-serif;
 }

.SubHeading {  color: #102487; 
               font-weight:bold;  font-size: 135%;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
               
    

/* Official Site colour blue #0088CC */      

.TopicHeading { color:#0088CC;
                font-family: Arial, Verdana, Helvetica, sans-serif; }  
    


/* Responsive or auto-adjusting images */
img { max-width: 100%;
      height: auto; }