body {
    margin: 0;
    padding: 0;
    background-image: url('https://www.trailstrim.com/images/woodbkg.jpg'); /* Replace with your image path */
    background-size: cover;
    background-position: center;
}

h1 {
    color: #D0E0EB;
    font-size: 70px;
    font-family: 'Fjord One';
    letter-spacing: 7px;
    text-align: center;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 0;
    padding-bottom: 20px;
}

h2, h3 {
    color: #D0E0EB;
    font-size: 1.5em;
    font-weight: normal;
    text-transform: uppercase;
    font-family: arial, helvetica, sans-serif;
    letter-spacing: 5px;
    text-align: center;
}

h2 {
    color: #F03C02;
}

.container {
    margin: 60px auto 60px;
    max-width: 920px;
    border: 20px solid #E2FEFF;
    background-color: #343839;
    padding: 20px; /* Added padding for better mobile appearance */
}

.container img {
    display: block;
    margin: 0 auto;
    padding-bottom: 20px;
}

.contact {
    margin-top: 40px;
    text-align: center;
    border-top: 1px solid #E2FEFF;
}

.contact a {
    text-decoration: none;
    font-family: 'Fjord One';
    color: #fff;
    font-size: 1.4em;
}

.contact a:hover {
    color: #F03C02;
}

.contact p {
    letter-spacing: 10px;
    font-size: 1.4em;
    padding: 5px;
    font-family: 'Fjord One';
}

/* Media query for mobile devices */
@media screen and (max-width: 767px) {
    h1 {
        font-size: 48px; /* Adjust as needed for smaller screens */
		font-family: 'Fjord One';
    }

    h2, h3 {
        font-size: 1.2em; /* Adjust as needed for smaller screens */
    }

    .container {
        margin: 20px auto;
		border: 5px solid #E2FEFF;
        padding: 10px; /* Adjust as needed for smaller screens */
    }
.container img {
    display: block;
    margin: 0 auto;
    padding-bottom: 20px;
    max-width: 100%; /* Add this line to make the image responsive */
}
.contact a {
	font-size:1em !important;
	letter-spacing:1px !important;
	font-family: "Fjord One" !important;
}
}