/*  #########################################################

    Extra small devices (portrait phones, less than 576px)

    #########################################################
*/

@media (max-width: 575.98px) {

  h1,.h1 {font-size: calc(0.9rem + 1.8vw);margin-top:2rem;}

  h2,.h2,.headtext {font-size: calc(0.8rem + 1.14vw);margin-top:2rem;}

  h3,.h3 {font-size: calc(0.7rem + 0.81vw);}

  h4,.h4 {font-size: calc(0.7rem + 0.48vw);}

  h5,.h5 {font-size: calc(0.65rem + 0.15vw);}

  p,a,ul,li,td,th,.text-muted {font-size: calc(0.8rem + 0.15vw);}

  .headtext {font-size: calc(1.1rem + 1.8vw);}

}

/*  #########################################################

    Small devices (landscape phones, less than 768px)

    #########################################################
*/ 

@media (min-width: 576px) and (max-width: 767.98px) {

  h1,.h1 {font-size: calc(0.7rem + 1.6vw);margin-top:2rem;}

  h2,h3,.h2, .h3 {font-size: calc(0.7rem + 1.6vw);margin-top:2rem;}

  h4,h5,h6,.h4,.h5,.h6 {font-size: calc(0.7rem + 0.3vw);}

  p,a,ul,li,td,th,.text-muted {font-size: calc(0.8rem + 0.15vw);}

  .headtext {font-size: calc(0.9rem + 1.16vw);}

 }

/*  #########################################################

    // Medium devices (tablets, less than 992px)

    #########################################################
*/ 

@media (min-width: 768px) and (max-width: 991.98px) {

  h1,.h1 {font-size: calc(0.7rem + 1.6vw);margin-top:2rem;}

  h2,h3,.h2, .h3 {font-size: calc(0.7rem + 1.6vw);margin-top:2rem;}

  h4,h5,h6,.h4,.h5,.h6 {font-size: calc(0.7rem + 0.3vw);}

  p,a,ul,li,td,th {font-size: calc(0.8rem + 0.15vw);}

  .headtext {font-size: calc(0.9rem + 1.10vw);}
 }

/*  #########################################################

    // Large devices (desktops, 992px and up)

    #########################################################
*/ 

 @media (min-width: 992px) and (max-width: 1199.98px) {

  h1,.h1 {font-size: calc(0.7rem + 1.6vw);margin-top:2rem;}

  h2,h3,.h2, .h3 {font-size: calc(0.7rem + 1.6vw);margin-top:2rem;}

  h4,h5,h6,.h4,.h5,.h6 {font-size: calc(0.7rem + 0.3vw);}

  p,a,ul,li,td,th {font-size: calc(0.8rem + 0.15vw);}

  .headtext {font-size: calc(1.5rem + 1.10vw);}
 }

 /*  #########################################################

    Extra large devices (large desktops, 1200px and up)

    #########################################################
*/
@media (min-width: 1200px) {

  h1,.h1 {font-size: calc(1.2rem + 1.2vw);}

  h2,.h2 {font-size: calc(1.0rem + 1.10vw);}

  h3,.h3 {font-size: calc(1.3175rem + 0.81vw);}

  h4,.h4 {font-size: calc(1.29rem + 0.48vw);}

  h5,.h5 {font-size: calc(1.2625rem + 0.15vw);}

  h6,.h6 {font-size: 1.1rem;}

  p,a,ul,li,td,th {font-size: calc(0.8rem + 0.35vw);}

  .headtext {font-size: calc(1.5rem + 1.10vw);}
}