body {
  font-family: Arial, sans-serif;
  margin: 20px;
  background-color: hsl(0, 0%, 100%);
  color: #2b50ad;

}
h1{
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 130px;
    color: #62b66d;
    text-align: center;
}
p{
    font-size: 40px;
    font-family:'Times New Roman', Times, serif;
text-align: center;
}
.ranchers-regular {
  font-family: "Ranchers", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 100px;
}

.container{ max-width: 1100px; margin: 0 auto; padding: 0 16px; 
padding: center;}



.site-header{ background: #ffffff; border-bottom: 1px solid #e6eef6; }
.nav-wrap{ display:flex; align-items:center; justify-content:space-between; padding:12px 0; }
.brand{ font-size: 26px; color: #9dd6e0; text-decoration:none; font-weight:700; }
.main-nav a{ margin-left:16px; color:#0a2570; text-decoration:none; font-weight:600; }


.home-btn{
  display:inline;
  padding:0;
  background:none; 
  color: #000000; 
  text-decoration: none;
  border: none;
  border-radius: 0;
  font-weight:600;
}
.home-btn:hover{
  text-decoration: underline;
  opacity: 0.95;
}
.home-btn:focus{ outline: 3px solid rgba(0,0,0,0.12); outline-offset: 2px; }
.home-btn.small{ font-size:14px; padding:0; }



.hero{ padding:44px 0; background: linear-gradient(180deg,#ffffff,#f0faf4); }
.hero h1{ font-size:48px; margin:0 0 8px 0; color:#0a2570; }
.tagline{ font-size:18px; color:#2f4b6b; margin:0 0 16px 0; }
.hero-cta .btn{ display:inline-block; margin-right:12px; padding:10px 18px; background:#62b66d; color:#fff; text-decoration:none; border-radius:6px; }
.btn-outline{ background:transparent; border:2px solid #62b66d; color:#62b6af; }

.features{ display:grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap:18px; margin:28px 0 48px 0; }
.card{ background:#fff; border:1px solid #e6eef6; padding:12px; border-radius:8px; box-shadow: 0 6px 18px rgba(16,40,80,0.04); }
.card img{ width:100%; height:160px; object-fit:cover; border-radius:6px; }
.card h3{ margin:10px 0 6px 0; font-size:20px; color:#0a2570; }
.card p{ margin:0 0 10px 0; color:#415d75; }
.link{ color:#15633d; text-decoration:none; font-weight:700; }




.site-footer{ border-top:1px solid #ffffff; padding:18px 0; background:#effffa; color:#1f3a57; font-size:14px; }

table {
  tab-size: 20px;
  -o-table-baseline: inherit;
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
  background-color: rgb(243, 238, 238);
  border: 2px solid #d3d3d3;
}

thead {
  background-color: #fffbfb;
  color: white;
    font-size: 24px;
    font-weight: bold;
}

th, td {
  border: 1px solid #0a2570;
  padding: 10px;
  text-align: left;
  size: 20px;
}

b{
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
h2{
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    
    color: #050652;

}

td{
    color: black;
    font-family:calc(1em + 1vw), 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
u{
    color-scheme: height-contrast; ;
}

a{
    text-decoration: none;
    color: #000000;
}
strong{
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 50px;
}

td{
    font-size: 24px;
    color: #8ddbd5;
    shape-outside: -moz-linear-gradient(45deg, #62b66d, #0a2570);
}


@media (max-width: 480px) {
  body { margin: 12px; }
  h1 { font-size: 36px; }
  .hero h1{ font-size:28px; }
  .tagline{ font-size:16px; }
  p { font-size: 16px; }
  .ranchers-regular{ font-size:48px; }
  .nav-wrap{ padding:10px 0; }
  .main-nav a{ margin-left:10px; font-size:15px; }
  .card img{ height:140px; }
}


h5{
  
  font-size: auto;
  
  font-style: italic;
  color: #3a68e5;
}

h4{
  font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  font-size: auto;
  text-align: center;
  color : #1f3a57;
}

section{
  
  
  container: center;

    
  
}

.container2{
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  text-align: left;
  background-color: #1f3a57;


}

h3{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    
    color: #1f3a57;
    text-align: center;
}



@media (min-width: 1024px) {
 
  body:not(.home) h1 { font-size: 200px; }
  body:not(.home) .hero h1 { font-size: 72px; }
  body:not(.home) p { font-size: 56px; }
  body:not(.home) .ranchers-regular { font-size: 180px; }
  body:not(.home) .brand { font-size: 34px; }
  body:not(.home) .main-nav a { font-size: 20px; }
  body:not(.home) .site-footer { font-size: 18px; }
  body:not(.home) td { font-size: 32px; }
  body:not(.home) strong { font-size: 70px; }
  body:not(.home) .card h3 { font-size: 26px; }


}

button{
  background-color: #c8f5cf;
  border: none;
  color: white;
  padding: auto;
  text-align: center;
  text-decoration: none;
  


}

h6{
    font-family: 'Times New Roman', Times, serif;
    font-size: 16px;
    padding: auto;
    text-align: center;
    color: #1f3a57;
}