/*limited reset*/
html, body, div, hgroup, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li{
   margin: 0px;
   padding: 0px;
   border: 0px;
}

header, section, footer, aside, nav, main, article, figure, canvas, video  {
   display: block;
   margin: 0px;
   padding: 0px;
   border: 0px;
}

.website-rtl {
    direction: rtl;
}

.website-lrt {
    direction: ltr;
}

h1, h2, h3, h4, h5, h6, p, span, 
object, blockquote, pre, address, cite, code, .contentdel, ul, ol,
small, strong, sub, sup, b, i, fieldset, label, legend, table {
   color: inherit;
}

h1, h2, h3, h4, h5, h6, p, ol, ul, table {
   color: #3f3f3f;
}

a,
a:visited,
a:active,
a:focus,
a:hover {
   color: #0000ee;
   text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
   display: block;
   clear: both;
   padding: 4px 0px 4px 0px;
   font-weight: bold;
   font-family: Tahoma, Geneva, Verdana, sans-serif;
   line-height: 1.1;
}

h1 {
   font-size: 46px;
}

h2 {
   font-size: 40px;
}

h3 {
   font-size: 35px;
}

h4 {
   font-size: 30px;
}

h5 {
   font-size: 25px;
}

h6 {
   font-size: 20px;
}

button,
input,
select,
textarea {
   max-width: 100%;
}

iframe,
embed {
   max-width: 100%;
}

ol, ul {
   font-size: 15px;
   font-weight: normal;
   display: block;
   padding: 0px 20px 0px 0px;
   margin: 10px 0px 10px 0px;
}

ol li,
ul li {
   padding: 5px 0px 5px 0px;
}

p {
   font-size: 15px;
   line-height: 23px;
   font-weight: normal;
   clear: both;
   display: block;
   padding: 6px 0px 6px 0px;
}

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

img.images-left {
   float: left;
   margin: 5px 10px 0px 0px;
}

img.images-right {
   float: right;
   margin: 5px 0px 0px 10px;
   display: inline-block;
}

img.image-block {
   display: block;
   text-align: center;
   margin: 8px auto 8px;
}

img.image-border {
   border: 1px solid #d5d5d5;
}

.screen-reader-text {
   clip: rect(1px, 1px, 1px, 1px);
   position: absolute !important;
   white-space: nowrap;
   height: 1px;
   width: 1px;
   overflow: hidden;
}

.screen-reader-text:focus {
   background-color: #f1f1f1;
   border-radius: 3px;
   box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
   clip: auto !important;
   color: #21759b;
   display: block;
   font-size: 14px;
   font-size: 0.875rem;
   font-weight: bold;
   height: auto;
   left: 5px;
   line-height: normal;
   padding: 15px 23px 14px;
   text-decoration: none;
   top: 5px;
   width: auto;
   z-index: 100000; /* Above WP toolbar. */
}

.clear {
   clear: both;
}

/*================================
=============== Mobile
==================================*/

@media only screen and (max-width: 600px) {
   
   h1 {
      font-size: 35px;
      line-height: 40px;
   }
   
   h2 {
      font-size: 32px;
      line-height: 37px;
   }
   
   h3 {
      font-size: 29px;
      line-height: 34px;
   }
   
   h4 {
      font-size: 26px;
      line-height: 31px;
   }
   
   h5 {
      font-size: 23px;
      line-height: 28px;
   }
   
   h6 {
      font-size: 20px;
      line-height: 24px;
   }
   
   img.images-right,
   img.images-left { 
      float: none;
      display: block;
      max-width: 100%;
      margin: 5px auto 5px;
   }

}