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

/* Zeroing CSS Code */

html,
html * {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}


/*Mobile Display*/

    @media (max-width: 640px) {
        
     .style-nav ul {
    list-style-type: none;
}

    .style-nav ul li a {
    text-decoration: none;
    color: red;
    font-size: 17px;
    text-align: center;
    display: block;
    text-transform: uppercase;
    padding: 8px;
    
}

    img{
      
      max-width:100%;
      height:auto;
      
      }

    table {

      /*font-family: arial, sans-serif; */
      font-size: 15px;
      border-collapse: collapse;
      width: 85%;
    }

    td, th {
      border: 1px solid #dddddd;
      text-align: left;
      padding: 8px;
      font-family: 'Titillium Web', sans-serif;

    }

    tr:nth-child(even) {
      background-color: #dddddd;
      color: #000000;
      font-family: 'Titillium Web', sans-serif;

    }

     body {
        font-family: 'Roboto Condensed', serif;
        font-size: 18px;
        color: #000000;
      }

      .box-text{
          
      margin: auto;
      width: 85%;
      border: 0px solid #73AD21;
      padding: 2px;
      padding-top: 20px;   

    }

    .logo-header-text {

      font-family: 'Anton', serif;
      font-size: 60px;
      color: #ff0000;
      text-shadow: 1px 1px 1px #000000;

      }

      .cursive-font{

    font-family: 'Dancing Script', cursive;
    font-size: 30px;
    /*color: #228af4;*/
    color: #000000;
    text-align: center;
    text-shadow: 1px 1px 1px #000000;

    }

    .center-text {
      text-align: center;
    }

    .left-text {
      text-align: left;
    }

    .right-text {
      text-align: right;
    } 

    .justify-text {
      text-align: justify;
    } 

    a:link {
      color: #FF0000; 
      background-color: transparent; 
      text-decoration: underline;
    }

    a:visited {
      color: #FF0000;
      background-color: transparent;
      text-decoration: underline;
    }

    a:hover {
      color: #FF0000;
      background-color: transparent;
      text-decoration: underline;
    }

    a:active {
      color: green;
      background-color: transparent;
      text-decoration: underline;
    }

    a {font-size: 20px}

    
    .textlinktitle {
     font-size: 25px;
     color: #000000;

    }

    .textlinklg{
     font-size: 30px;
     color: #000000;

    }

    .producttitles {

    font-size: 30px;
     color: #ff0000;

    }

     .copyrighttext {

      font-size: 15px;
    }

    .speakerstatus {
      display: none;
      
      }


      
    }



  /* Medium devices (tablets, 768px and up) */
@media (min-width: 641px) {
    
     .style-nav ul {
    list-style-type: none;
}
    
    .style-nav ul li a{
    text-decoration: none;
    font-size: 17px;
}
    .style-nav ul li {
    text-decoration: none;
    color: red;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    padding: 8px;
    
}


 body {
        font-family: 'Roboto Condensed', serif;
        font-size: 20px;
        color: #000000;
      }


table {

  /*font-family: arial, sans-serif; */
  font-size: 15px;
  border-collapse: collapse;
  width: 60%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
  font-family: 'Titillium Web', sans-serif;

}

tr:nth-child(even) {
  background-color: #dddddd;
  color: #000000;
  font-family: 'Titillium Web', sans-serif;

}

 img{
      
      max-width: 50%;
      height:auto;
      
      }


    .box-text{
  
    margin: auto;
    width: 65%;
    border: 0px solid #73AD21;
    padding: 2px;
    padding-top: 25px;
    
    }

    .center-text {
      text-align: center;
    }

    .left-text {
      text-align: left;
    }

    .right-text {
      text-align: right;
    } 

    .justify-text {
      text-align: justify;
    } 

    a:link {
      color: #FF0000; 
      background-color: transparent; 
      text-decoration: underline;
    }

    a:visited {
      color: #FF0000;
      background-color: transparent;
      text-decoration: underline;
    }

    a:hover {
      color: #FF0000;
      background-color: transparent;
      text-decoration: underline;
    }

    a:active {
      color: green;
      background-color: transparent;
      text-decoration: underline;
    }

    a {font-size: 20px}

    .textlinktitle {
     font-size: 25px;
     color: #000000;

    }

     .producttitles {

    font-size: 35px;
     color: #ff0000;

    }

     .textlinklg{
     font-size: 35px;
     color: #000000;

    }

    .logo-header-text {

      font-family: 'Anton', serif;
      font-size: 70px;
      color: #ff0000;
      text-shadow: 1px 1px 1px #000000;

      }

      .cursive-font{

    font-family: 'Dancing Script', cursive;
    font-size: 30px;
    /*color: #228af4;*/
    color: #000000;
    text-align: center;
    text-shadow: 1px 1px 1px #000000;

    }

    .center-text {

      text-align: center;
    }

     .copyrighttext {

      font-size: 15px;
    }

    .speakerlogobottom {

      /* vertical-align: bottom */

    }

    .facebooklogobottom {

      vertical-align: bottom;

    }


}  





/* Medium devices (Computer, 1064px and up) */
@media only screen and (min-width: 1064px) {
  .example {background: blue;}


    .style-nav ul {
    text-decoration: none;
}
    
    .style-nav ul li a{
    text-decoration: none;
        font-size: 20px;
}

    .style-nav ul li {
    text-decoration: none;
    color: red;
    font-size: 20px;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    padding: 8px;
    
}


table {

  /*font-family: arial, sans-serif; */
  font-size: 15px;
  border-collapse: collapse;
  width: 60%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
  font-family: 'Titillium Web', sans-serif;

}

tr:nth-child(even) {
  background-color: #dddddd;
  color: #000000;
  font-family: 'Titillium Web', sans-serif;

}

 img{
      
      max-width: 50%;
      height:auto;
      
      }


    .box-text{
  
    margin: auto;
    width: 60%;
    border: 0px solid #73AD21;
    padding: 2px;
    padding-top: 25px;
    
    }

    .center-text {
      text-align: center;
    }

    .left-text {
      text-align: left;
    }

    .right-text {
      text-align: right;
    } 

    .justify-text {
      text-align: justify;
    } 

    a:link {
      color: #FF0000; 
      background-color: transparent; 
      text-decoration: underline;
    }

    a:visited {
      color: #FF0000;
      background-color: transparent;
      text-decoration: underline;
    }

    a:hover {
      color: #FF0000;
      background-color: transparent;
      text-decoration: underline;
    }

    a:active {
      color: green;
      background-color: transparent;
      text-decoration: underline;
    }

    .textlinktitle {
     font-size: 25px;
     color: #FF0000;

    }

      .textlinklg{
     font-size: 35px;
     color: #000000;

    }

     .producttitles {

    font-size: 35px;
     color: #ff0000;

    }

    .logo-header-text {

      font-family: 'Anton', serif;
      font-size: 80px;
      color: #ff0000;
      text-shadow: 1px 1px 1px #000000;

      }

      .cursive-font{

    font-family: 'Dancing Script', cursive;
    font-size: 35px;
    /*color: #228af4;*/
    color: #000000;
    text-align: center;
    text-shadow: 1px 1px 1px #000000;

    }

    .center-text {

      text-align: center;
    }

    .copyrighttext {

      font-size: 15px;
    }



    .facebooklogobottom {

      vertical-align: bottom;

    }



     /*.speakerlogobottom {

      vertical-align: bottom

    } */

} 




      /*
      body {
        font-family: 'Anton', serif;
        font-size: 48px;
        color: red;
      }

    .logo-header-text {

    font-family: 'Anton', serif;
    font-size: 80px;
    color: #ff0000;
    text-shadow: 1px 1px 1px #000000;

    }

/* Another Style Setup 

    .cursive-font{

    font-family: 'Dancing Script', cursive;
    font-size: 35px;
    /*color: #228af4;*/
/*    color: #000000;
    text-align: center;
    text-shadow: 1px 1px 1px #000000;

    }

    .center-text {

      text-align: center;
    }

    .speakerlogobottom {

      vertical-align: bottom

    }

/* End of other style setup */