 @media screen and (min-width: 1024px) {
   div.emph {
     background-color: black;
     border: 1px solid black;
     padding: 4px
   }

   @import url(my_simple_html_look.css);

   body {
     background: black;
     color: white
   }

   .font_title {
     font-weight: bold;
     font-size: 150%;
     font-family: "tahoma bold", "sans-serif";
     height: 46px
   }

   .font_ctitle {
     text-algin: center;
     font-weight: bold;
     font-size: x-large;
     font-family: "tahoma bold";
     height: 46px
   }

   .font_section {
     font-weight: bold;
     font-size: 110%;
     font-family: "times new roman";
   }

   .font_big {
     font-size: 150%;
     font-family: Georgia, serif;
     font-weight: 300
   }

   .font_normal {
     font-size: 95%;
     font-famiily: "Times New Roman", "sans-serif";
     font-weight: 600
   }

   .font_normal2 {
     font-size: 95%;
     font-famiily: "tahoma", "sans-serif";
     font-weight: 300
   }

   .font_small {
     font-size: 95%;
     font-famiily: "tahoma", "sans-serif"
   }

   .font_emph {
     font-weight: bold;
     font-size: 95%;
     font-famiily: "tahoma", "sans-serif"
   }

   .font_subtitle {
     font-weight: bold;
     font-size: 110%;
     font-family: "times new roman";
   }

   .body {
     font-size: 100%;
     font-family: times_new_roman;
     position: relative;
     left: 20;
     margin-right: 30
   }

   #desktop-table {
     display: block;
   }

   #mobile-table {
     display: none;
   }

   a:link,
   a:visited {
     text-decoration: underline;
     color: whitesmoke
   }

   a:hover {
     text-decoration: underline;
     background: rgb(91, 134, 4)
   }

   a:active {
     text-decoration: none;
   }

   img.mail {
     height: 30px width: 100px
   }

   img.normal {
     height: 175px
   }

   p.negative_top_padding {
     padding-top: -50pt
   }

   p.side_padding {
     padding-left: 15pt;
     padding-right: 15pt
   }
 }

 @media screen and (max-width: 767px) {

   html {
     margin: 0;
     padding: 0;
   }

   th,
   td {
     padding-top: 0px;
     padding-bottom: 0px;
     padding-left: 0px;
     padding-right: 0px;
   }

   div.emph {
     background-color: black;
     border: 1px solid black;
     padding: 4px
   }

   @import url(my_simple_html_look.css);

   body {
     background: black;
     color: white;
     /* top | right | bottom | left */
     margin: 0 0 0 0;
   }

   #desktop-table {
     display: none;
   }

   #mobile-table {
     display: block;
   }

   .font_title {
     font-weight: bold;
     font-size: 150%;
     font-family: "tahoma bold", "sans-serif";
     height: 46px
   }

   .font_ctitle {
     text-algin: center;
     font-weight: bold;
     font-size: x-large;
     font-family: "tahoma bold";
     height: 46px
   }

   .font_section {
     font-weight: bold;
     font-size: 110%;
     font-family: "times new roman";
   }

   .font_big {
     font-size: 150%;
     font-family: Georgia, serif;
     font-weight: 300
   }

   .font_normal {
     font-size: 95%;
     font-famiily: "Times New Roman", "sans-serif";
     font-weight: 600
   }

   .font_normal2 {
     font-size: 95%;
     font-famiily: "tahoma", "sans-serif";
     font-weight: 300
   }

   .font_small {
     font-size: 95%;
     font-famiily: "tahoma", "sans-serif"
   }

   .font_emph {
     font-weight: bold;
     font-size: 95%;
     font-famiily: "tahoma", "sans-serif"
   }

   .font_subtitle {
     font-weight: bold;
     font-size: 110%;
     font-family: "times new roman";
   }

   .body {
     font-size: 100%;
     font-family: times_new_roman;
     position: relative;
     left: 0;
     margin-right: 0;
     padding: 0
   }

   a:link,
   a:visited {
     text-decoration: underline;
     color: whitesmoke
   }

   a:hover {
     text-decoration: underline;
     background: rgb(91, 134, 4)
   }

   a:active {
     text-decoration: none;
   }

   img.mail {
     height: 30px width: 100px
   }

   img.normal {
     height: 175px
   }

   p.negative_top_padding {
     padding-top: -50pt
   }

   p.side_padding {
     padding-left: 0;
     padding-right: 0
   }
 }