body {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    line-height: 1.4em;
}
h1 {
   font-size: 3.5em; 
   line-height: 1em;
   margin: 0;
   padding: 0;
   text-transform: uppercase;
    font-family: 'Alfa Slab One', cursive;
   font-weight: 400;
   color: #222;
   text-shadow: 2px 2px 0 #eee;
}
h1 span {
    font-size: .7em;
    display: block;
    line-height: 1em;
    color: #ddd;
    text-shadow: 2px 2px 0 #222;
}
h1 i {
    color: #ddd;
    text-shadow: 4px 4px 0 #222;
}
p, li {
    line-height: 1.4em;
}
img {
    display: block;
    width: 100%;
    height: auto;
}
address {
    font-style: normal;
}
.flex {
    display: flex;    
}
.callout {
    padding: 6em 1em;
    background-color: rgb(255, 49, 49);
    text-align: center;
    color: #FFF;
}
.bg-blue {
    background-color: rgb(56, 146, 248);
}
.bg-gray {
    background-color: rgb(212, 212, 212);
}
.content {
    max-width: 1024px;
    margin: 0 auto;
}
.callout-images {
    padding: 2.5em 1em;
}
.callout-images .flex {
    gap: 30px;
}
.contact .flex-item {
    width: 50%;
    
}
.pad1 {
    padding: 1em;
}

.rad5 {
    border-radius: 5px;
}
.contact .fa-solid {
    font-size: 2em;
    text-shadow: 2px 2px 2px rgba(0,0,0, .4);
}

@media screen and (max-width: 600px) {
    .flex {
        flex-wrap: wrap;
    }
    .contact .flex-item {
        width: 100%;
        margin: 1em 0;
    }
}