body {
  max-width: 65em;
  font-size: 1.4rem;
}

[class^="ti-"], [class*=" ti-"] { vertical-align:middle; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 1rem;
}

input[type="text"], input[type="email"], input[type="password"], input[type="submit"], button, select {
    width: 100%;
    border-radius: 0.4rem;
}

p::first-letter {
 text-transform: uppercase;
}

.text-l { text-align: left; }
.text-r { text-align: right; }
.text-c { text-align: center; }

.hide {
    display: none;
}

#main {
    margin-top: 8rem;
    padding: 10rem 4rem;
    border-radius: 1rem;
}

.img-swap img { display: none; max-height: 10rem; max-width: 80%; }
.img-swap.th-light img.th-light { display: unset; }
.img-swap.th-dark  img.th-dark { display: unset; }


@media (max-width: 767.98px) {
    #main {
        margin-top: 0rem;
        padding: 4rem 4rem;
    }
    .m-hide {
        display: none;
    }
    .m-show {
        display: unset;
    }
}

.all-caps {
  text-transform: uppercase;
}