/* Import Google font - Poppins */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');
* {
border: 0;
font-family: "Poppins", sans-serif;
margin: 0;
padding: 0;
text-decoration: none;
list-style: none;
}
*:before,
*:after {
box-sizing: inherit;
}
:root {
--brown: #730000;
--brown1: #4C0000;
--coffee: #D9C5B4;
--footer: #A69286;
--footer2: #99877c;
--red: #AE2801;
--orange: #FF4A15;
--white: #FFF
}
a,
a img,
a:active,
a:focus,
a:hover,
.head-left a:focus,
summary:focus {
border: none;
outline: 0
}
a {
border: none;
outline: 0;
text-decoration: underline
}
a,
button {
transition: .25s ease-in-out
}
a:focus,
a:hover {
color: var(--red)
}
body,
html {
background-color: var(--coffee);
color: var(--brown);
font-weight: 400;
height: 100%;
margin: 0;
width: 100%;
text-rendering: optimizeLegibility;
-webkit-text-size-adjust: 100%;  
}
button,
input[type=button],
input[type=submit] {
display: block;
border: none;
font-weight: 600;
float: left;
margin: 0;
cursor: pointer;
background-color: var(--red);
color: var(--white);
padding: 15px 30px;
border-radius: 0 12px;
letter-spacing: .1em;
text-transform: uppercase;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
button:focus,
button:hover {
background-color: var(--orange);
color: var(--white);
}
button:active {
transform: scale(1.1);
}
.clear {
clear: both;
}
footer {
background-color: var(--footer);
bottom: 0;
height: auto;
position: absolute;
text-align: center;
width: 100%
}
footer a,
footer li,
footer p {
color: var(--coffee);
text-decoration: none
}
footer li,
footer p {
padding: 2em 0
}
footer a,
h5 {
font-size: 1em
}
footer li {
display: inline;
padding: 2em
}
header {
text-align: center;
}
img {
border: solid 2px var(--red);
margin-top: .4em;
}
.jstfy{
position: relative;
display: inline-block;
margin: 1em auto;
}
.lower {
bottom: 0;
padding: 3em 0
}
.mini {
font-size: .75em
}
section {
max-width: 960px;
margin: 2em auto 2em auto;
padding: 0 1em;
}
.two-columns {
float: left;
padding: .1em;
text-align: center;
width: 49%
}
.two-columns a {
color: var(--brown);
}

.two-columns a:focus,
.two-columns a:hover {
color: var(--red)
}
.two-columns img {
height: auto;
max-width: 100%
}
.two-columns p {
margin: 0 0 1em 2em;
text-align: left
}
.upper {
background-color: var(--footer2)
}