@font-face {font-family: 'CocoSharpL-Extrabold';src: url('fonts/CocoSharpL-Extrabold.otf');}
@font-face {font-family: 'CocoSharpL-Bold';src: url('fonts/CocoSharpL-Bold.otf');}
@font-face {font-family: 'CocoSharpL-Regular';src: url('fonts/CocoSharpL-Regular.otf');}

.text-extrabold { font-family: 'CocoSharpL-Extrabold'; }
.text-bold { font-family: 'CocoSharpL-Bold'; }
body { font-family: 'CocoSharpL-Regular'; line-height: 1.4em; }

h1, h2 { line-height: 1.4em; }

.lawpage h1 { font-size: 3rem; }
h1 { font-size: 5rem; }
h2, .text-h2 { font-size: 2.25rem; line-height: 1.4em; }


.btn {
    font-size: 1.15rem;
}

.thatflyer span {
    font-size: 1.4rem;
}

footer {
  font-size: 1rem;
  line-height: 1.3em;
}

.page-node-type-lawpage h1 {
  font-family: 'CocoSharpL-Bold';
  text-transform: uppercase;
  color: #9ea8bf;
}


@media only screen and (min-width: 0px) and (max-width: 1440px) {

       h1 { font-size: 4.2rem; }
       .lawpage h1 { font-size: 2rem; }
       h2, .text-h2 { font-size: 1.65rem; }

}

@media only screen and (min-width: 0px) and (max-width: 768px) {

       .lawpage h1 { font-size: 1.6rem; }
       h1 { font-size: 2.3rem; }
       h2, .text-h2 { font-size: 1.3rem; }

       footer {
         font-size: 0.95rem;
       }

       .thatflyer span {
           font-size: 1.15rem;
       }

}

@media only screen and (min-width: 0px) and (max-width: 480px) {

       h1 { font-size: 2rem; }
              h2, .text-h2 { font-size: 1.2rem; }

}