@font-face {
    font-family: 'LeagueSpartan';
    src: url(/LeagueSpartan-VariableFont_wght.ttf) format('truetype');
    font-weight: 100 900;
    font-style: normal;
    }
    
    body {
        background-color: #e6e6e6;
        font-family: 'LeagueSpartan',Arial, sans-serif;
        line-height: 1.0;
        font-size: 20px;
    }
    
    header {
        background: #e6e6e6;
        padding: 1rem;
        text-align: center;
        font-size: 20px;
    }   
    
    nav ul {
        list-style: none;
        padding: 0;
    }
    
    nav ul li {
        display: inline;
        margin: 0 0.5rem;
        font-size: 20px;
    }
    
    nav ul li a {
        text-decoration: none;
        color: #333;
    }
    
    
    footer {
        background: #e6e6e6;
        font-size: 15px;
    }

    h1{
        color: #2a3c4f;
    }

    h2{
        color: #2a3c4f;
        font-weight: bold;
        
    }
    .padding-left {
        padding-left: 250px;
    }

    .btn-large{
        font-size: 1.25rem; 
        padding: 0.75rem 1.5rem; 
        background-color: #2a3c4f;
        color: #ffffff;
    }
    
    .responsive {
        width: 100%; 
        height: auto; 

        @media (min-width: 768px) {
          width: 50%; /* Slightly reduce width on medium screens */
        }

        @media (min-width: 1024px) {
          width: 30%; /* Further reduce width on larger screens */
        }
      }