body {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000}
th   {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; background-color=#D0DCE0;  color: #000000}
td   {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000}
form {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt}
h1   {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold}

.footer{ position:fixed; bottom:0; width: 100%}

@font-face {
  font-family: OpenSans;
  src: url(OpenSans-VariableFont_wdth,wght.ttf);
  font-weight: 800;
}

.body A:link    {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; text-decoration:none}
.body A:visited {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #555555; text-decoration:none}
.body A:hover   {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: white; background-color: #000000; text-decoration:none}

.body2 A:link    {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #BB0000; text-decoration:none}
.body2 A:visited {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: red; text-decoration:none}
.body2 A:hover   {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: white; background-color: #BB0000; text-decoration:none}

.body3 		 {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000}
.body3 A:link    {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #007cab; text-decoration:none}
.body3 A:visited {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #007cab; text-decoration:none}
.body3 A:hover   {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: white; background-color: #007cab; text-decoration:none}

.body4 		 {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000}
.body4 A:link    {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #007cab; text-decoration:none}
.body4 A:visited {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #007cab; text-decoration:none}
.body4 A:hover   {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: white; background-color: #007cab; text-decoration:none}

.body5 		 {  font-family: OpenSans; font-size: 22pt; color: #000000; text-decoration: none;}

.box { display: flex; justify-content: space-between; }

#mycontainer 
{
    float: center;
    width: 1170px;
    height: 745px;
}

/* if desktop */
    .mobile_device_380px {
        display: none;
    }
    .mobile_device_480px {
        display: none;
    }


    /* if mobile device max width 380px */
    @media only screen and (max-device-width: 380px) {
        .mobile_device_380px{display: block;}       
        .desktop {display: none;}
    } 

    /* if mobile device max width 480px */
    @media only screen and (max-device-width: 480px) {
       .mobile_device_480px{display: block;}
       .desktop {display: none;}
    }