body,
body.f-default,
body.f-smaller,
body.f-larger {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
}

p {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  line-height: 1.6;
  margin: 0 0 1em 0;
}

h1, h2, h3, h4 {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 21px;
  line-height: 1.3;
  margin: 0 0 0.5em 0;
}

/* Responsive font adjustments */
@media (max-width: 767px) {
  body,
  body.f-default,
  body.f-smaller,
  body.f-larger {
    font-size: 14px;
  }

  p {
    font-size: 14px;
  }

  h1 {
    font-size: 20px;
  }

  h2 {
    font-size: 18px;
  }

  h3 {
    font-size: 16px;
  }

  h4 {
    font-size: 15px;
  }
}
/* Keep your existing styles below without change */

a {
  color: #3062c4;
}

a.sublevel {
  color: #3062c4;
}

a img.album {
  border: 2px solid #3062c4;
}

.contentheading,
@media (max-width: 768px) {
  .contentheading {
    font-size: 130%; /* or try 120% for tighter fit */
  }
}

@media (max-width: 480px) {
  .contentheading {
    font-size: 110%; /* optional: even smaller for very narrow phones */
  }

}

#logo {
  background: url(../images/style3/logo.png) 0 0 no-repeat;
}

#primary-nav {
  background: url(../images/style3/horiz-menu-bg.png);
}

#primary-nav .nav2 {
  background: url(../images/style3/h-right.png) 100% 0 no-repeat;
}

#primary-nav .nav3 {
  background: url(../images/style3/horiz-menu-left.png) 0 0 no-repeat;
}

img#rocket {
  background: url(../images/style3/rocket.png) 0 0 no-repeat;
}

.module-hilite2 h3,
.module-hilite6 h4 {
  color: #333;
}

.module-hilite2 div div div,
.module-hilite6 div div div {
  border-left: 8px solid #333;
}

.module-hilite3 h3,
.module-hilite7 h3 {
  color: #468622;
}

.module-hilite3 a,
.module-hilite7 a {
  color: #468622;
}

.module-hilite3 div div div,
.module-hilite7 div div div {
  border-left: 8px solid #468622;
}

.module-hilite4 h3,
.module-hilite8 h3 {
  color: #3062c4;
}

.module-hilite4 a,
.module-hilite8 a {
  color: #3062c4;
}

.module-hilite4 div div div,
.module-hilite8 div div div {
  border-left: 8px solid #3062c4;
}

.module-quote h3 {
  color: #468622;
}

#horiz-menu a {
  color: #468622;
}

#horiz-menu li.active a {
  background: url(../images/style3/horiz-menu-selector.png) 50% 100% no-repeat;
  color: #468622;
}

#horiz-menu li:hover a,
#horiz-menu li.sfHover a,
#horiz-menu li:hover a:hover,
#horiz-menu li.sfHover a:hover {
  color: #000;
}

#horiz-menu li:hover li:hover a:hover,
#horiz-menu li.sfHover li.sfHover a:hover {
  color: #468622;
}

#horiz-menu ul ul {
  background: #f1f1f1;
  border-left: 1px solid #fff;
  border-right: 1px solid #d7d7d7;
}

#horiz-menu li li {
  background: 0;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #d7d7d7;
}

#horiz-menu li li a.daddy,
#horiz-menu li:hover li a.daddy,
#horiz-menu li.sfHover li a.daddy {
  background: url(../images/style3/dropdown-child.png) 95% 50% no-repeat;
}

ul.sidenav li.active a,
ul.menuside li.active a,
a#active_menu.mainlevel {
  color: #000;
}

ul.menuside li.active li a,
ul.sidenav li.active li a {
  color: #468622;
}

ul.menuside a,
ul.sidenav a,
a.mainlevel {
  background: url(../images/style3/vert-menu-bg.png) 0 0 no-repeat;
  color: #468622;
}

ul.menuside ul a,
ul.sidenav ul a {
  border-bottom: 1px solid #e3e3e3;
}

ul.menuside a:hover,
ul.sidenav a:hover {
  color: #000;
}

div.sample-header {
  background: url(../images/style3/header-sample.png) 100% 0 no-repeat;
}
#inset{background:url(../images/style3/header-bg.avif) 0 0 no-repeat
}
#sidecol .col1{background:url(../images/style3/col-top-right.png) 100% 0 no-repeat
    
}
img#rocket{background:url(../images/style3/rocket.png) 0 0 no-repeat
}
#sidecol .col2{background:url(../images/style3/col-top-left.png) 0 0 no-repeat}
}

li.number-1 {
  background: url(../images/style3/number-1.png) 0 2px no-repeat;
}

li.number-2 {
  background: url(../images/style3/number-2.png) 0 2px no-repeat;
}

li.number-3 {
  background: url(../images/style3/number-3.png) 0 2px no-repeat;
}

li.number-4 {
  background: url(../images/style3/number-4.png) 0 2px no-repeat;
}

li.number-5 {
  background: url(../images/style3/number-5.png) 0 2px no-repeat;
}

li.number-6 {
  background: url(../images/style3/number-6.png) 0 2px no-repeat;
}

li.number-7 {
  background: url(../images/style3/number-7.png) 0 2px no-repeat;
}

li.number-8 {
  background: url(../images/style3/number-8.png) 0 2px no-repeat;
}

li.number-9 {
  background: url(../images/style3/number-9.png) 0 2px no-repeat;
}

ul.arrow-1 li {
  background: url(../images/style3/arrow-1.png) 2px 2px no-repeat;
}

ul.arrow-2 li {
  background: url(../images/style3/arrow-2.png) 2px 2px no-repeat;
}

ul.arrow-3 li {
  background: url(../images/style3/arrow-3.png) 5px 3px no-repeat;
}

ul.arrow-4 li {
  background: url(../images/style3/arrow-4.png) 5px 3px no-repeat;
}

ul.triangle-1 li {
  background: url(../images/style3/triangle-1.png) 6px 4px no-repeat;
}

ul.triangle-2 li {
  background: url(../images/style3/triangle-2.png) 6px 4px no-repeat;
}

ul.bullet-1 li {
  background: url(../images/style3/bullet-1.png) 6px 4px no-repeat;
}

ul.bullet-2 li {
  background: url(../images/style3/bullet-2.png) 6px 4px no-repeat;
}

ul.plus-1 li {
  background: url(../images/style3/plus-1.png) 6px 4px no-repeat;
}

ul.plus-2 li {
  background: url(../images/style3/plus-2.png) 6px 4px no-repeat;
}

span.pathway img {
  background: url(../images/style3/triangle-1.png) 0 50% no-repeat;
}