<html>
<head>
<style>
  h1{color: red; font-weight: bold; font-size: 70px;}
  table,tr,td{border: none; margin-bottom: 5px; padding-bottom: 5px;}
  hr {
   border: 0; 
   height: 1px;
   width: 100%; 
   background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); 
  }
  .navbar {margin:1px; background-color: white; font-size:14px !important;line-height:1em !important; letter-spacing:1px; font-family:Montserrat, sans-serif; font-weight: bold; border-left:0; border-right:0;}
  .navbar li a, .navbar-nav, .navbar-brand{margin: 1px;}
  .navbar li a:hover, .navbar-nav li a:hover, .navbar-brand li a:hover, .navbar-nav li.active a{color:blue; margin: 1px;}
  .carousel-caption {
     margin-bottom: -24px;
   }
  row{
    margin-bottom: 5px;
  }
  @media screen and (max-width: 767px) {
   /* Hide captions */
   .carousel-caption {
     display: block;
   }
   body {margin-left:5%; margin-right:5%;}
  }
  @media only screen and (max-width: 600px) {
    .imgreset {
        height: 100%;
        width: 100%;
    }
    .imgmob {
        width : 100%;
        height : 80px;
    }

   body {margin-left:3%; margin-right:3%;}
   iframe {max-height: 220px;}
   .heading {background-color: black; color: white; width: 100%; text-align: center; padding: 5px;}
   .brandlogo{width: 50%;}
   .livetable{ width: 100%; }
  }
</style>
</head>
</html>