/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    margin:0;
    padding:0;
}
html,body {
    margin:0;
    padding:0;
    height: auto;
    min-height: 100%;
    width: 100%;
}
html {    
    font-size: 14px;
}
body { 
    font-size: 100.001%;
}

h1{font-size: 2em}
h2{font-size: 1.6em}
h3{font-size: 1.4em}
h4{font-size: 1.2em}
h5{font-size: 1em}
h6{font-size: 0.8em}

h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
}
p{
    font-size: 1em;
    line-height: 1.2em;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img { 
    border:0;
}

address,caption,cite,code,dfn,th,var {
    font-style:normal;
    font-weight:normal;
}
ol,ul {
    list-style:none;
}
caption,th {
    text-align:left;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border:0;
}

/*@media all and (min-width: 1800px){
    body {
        font-size: 100%
    }
}
@media all and (min-width: 1500px) and (max-width: 1799px){
    body {
        font-size: 90%
    }
}*/
/*@media all and (min-width: 1100px) and (max-width: 1499px){
    body {
        font-size: 80%
    }
}   
@media all and (min-width: 800px) and (max-width: 1099px){
    body {        
        font-size: 70%
    }
}*/
@media only screen and (max-width : 1170px){
    body {        
        font-size: 90%
    }
}
@media only screen and (max-width : 960px){
    body {        
        font-size: 80%
    }
}
@media only screen and (max-width : 768px){
    body {        
        font-size: 80%
    }
}


.hidden {
  display: none !important;
  visibility: hidden !important;
}
.visible {    
  display: inherit !important;
  visibility: visible !important;
}
.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

.visible-desktop {
  display: inherit !important;
}

@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important ;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
}