.t4-section.sec-spacing-lg .t4-section-inner {
    padding-top: 0rem;
    padding-bottom: 0rem;
  }

h1, .h1 {
  font-family: Luckiest Guy !important;
  font-weight: 400 !important;
  font-size: 60px !important;
  color: #f00 !important;
  line-height: 100%;
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: black;
}

.t4-palette-top_nav .nav > li a, .t4-palette-top_nav .nav > li .nav-link {
  font-size: 85% !important;
  letter-spacing: .4px !important;
}

/* Custom button and custom hover
----------------------------------------------------------- */
.btn.btn-primary {
  background-color: #f00 !important;
  border-color: #00f !important;
  border-radius: 25px !important;
  border-width: 3px !important;
  padding: 10px 30px 10px 30px !important;
  font-weight: bolder !important;
  text-transform: uppercase !important;
  font-size: 17px !important;
}

.btn.btn-primary2 {
  background-color: #00f;
  border-color: #f00;
  border-radius: 25px !important;
  border-width: 3px;
  padding: 10px 30px 10px 30px;
  font-weight: bolder;
  text-transform: uppercase;
  font-size: 17px;
  color: #ffffff;
}

a.readon_white3:hover {
    background: #31cd31 none repeat scroll 0 0 !important;
    border-radius: 1000px !important;
    border-style: none !important; 
}

.border-bottom {
  border-bottom: none !important;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: var(--heading-letter-spacing);
}

.t4-offcanvas .t4-off-canvas-header a img {
  max-height: 4rem;
}

.form-control {
  max-width: 100%;
}

.t4-palette-footer {
  background: linear-gradient(to bottom, #0000ff, #ffffff) !important;
}