*, *:after, *::before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 12pt; }

*:focus {
  outline: 0; }

/* TITLES */
h1, h2, h3, h4, h5, h6, h1::before, h2::before, h3::before, h4::before, h5::before, h6::before, h1::after, h2::after, h3::after, h4::after, h5::after, h6::after {
  font-weight: bold;
  padding: 0.5em 20px; }

h1, h1::before, h1::after {
  font-size: 2em; }

h2, h2::before, h2::after {
  font-size: 1.6em; }

h3, h3::before, h3::after {
  font-size: 1.4em; }

h4, h4::before, h4::after {
  font-size: 1.3em; }

h5, h5::before, h5::after {
  font-size: 1.15em; }

h6, h6::before, h6::after {
  font-size: 1em; }

p {
  margin: 1em 20px; }

/* LINKS */
nav li > a {
  text-decoration: none;
  display: block; }

a {
  color: inherit;
  text-decoration: none; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: inherit !important;
  text-decoration: inherit !important;
  font: inherit !important; }

a:link {
  color: #0074D9; }

a:visited {
  color: #001f3f; }

a:hover {
  color: #001f3f; }

a:active {
  color: #00101f; }

/* LISTS */
nav ul {
  list-style-type: none; }

ul, ol {
  list-style-position: inside; }

ul {
  list-style-type: square; }

ol {
  list-style-type: upper-roman; }

/* HTML BASE */
header, footer, article, section, aside, hgroup, figure, figcaption, menu, nav, details {
  display: block; }

p {
  text-align: justify; }

blockquote {
  display: block;
  margin: 1.5em 40px;
  font-size: 1.2em; }
  blockquote::before {
    content: open-quote;
    font-weight: bold;
    margin: 0.2em; }
  blockquote::after {
    content: close-quote;
    font-weight: bold;
    margin: 0.2em; }
  blockquote q::before {
    content: open-quote; }
  blockquote q::after {
    content: open-quote; }

q {
  display: inline;
  font-size: 0.9em; }
  q::before {
    content: open-quote;
    margin: 0.2em; }
  q::after {
    content: close-quote;
    margin: 0.2em; }

/* HTML CLASSES */
.left {
  float: left; }

.right {
  float: right; }

.hidden {
  display: none; }

.clearfix {
  overflow: auto; }
  .clearfix::after {
    content: "";
    clear: both;
    display: table; }

*, *:before, *::after {
  font-family: "Poppins", sans-serif; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Constantia", serif;
  font-style: italic; }

main, footer #contact, .align {
  width: 80%;
  margin: auto; }
  @media screen and (min-width: 750px) {
    main, footer #contact, .align {
      width: 750px; } }
  @media screen and (min-width: 1000px) {
    main, footer #contact, .align {
      width: 900px; } }
  @media screen and (min-width: 1300px) {
    main, footer #contact, .align {
      width: 1200px; } }

menu {
  background: #730202;
  height: 60px;
  position: fixed;
  top: 0;
  z-index: 9999;
  width: 100%;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.7);
          box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.7); }
  menu .logo {
    height: 60px;
    float: left; }
    menu .logo h1 {
      font-size: 25px;
      padding: 14px 0px;
      color: #ffffff; }
      @media screen and (min-width: 750px) {
        menu .logo h1 {
          font-size: 30px;
          padding: 12px 40px; } }
  menu .menu-list {
    float: right; }
    menu .menu-list .menu-item {
      float: left; }
      menu .menu-list .menu-item a {
        height: 60px;
        line-height: 60px;
        padding: 0 20px;
        color: #ffffff; }
        @media screen and (min-width: 750px) {
          menu .menu-list .menu-item a {
            padding: 0 10px; } }
        @media screen and (min-width: 1000px) {
          menu .menu-list .menu-item a {
            padding: 0 0px; } }

header {
  margin-top: 60px; }
  header img {
    display: block;
    height: auto;
    width: 100%;
    margin: auto; }
    @media screen and (min-width: 750px) {
      header img {
        width: auto;
        height: calc(100vh - 60px); } }

main .section-title {
  text-align: center;
  border-bottom: 1px solid #C11000; }
main p {
  text-align: center; }
main .end-content img {
  display: block;
  width: 70%;
  margin: auto;
  padding: 20px; }
  @media screen and (min-width: 750px) {
    main .end-content img {
      width: 40%; } }
  @media screen and (min-width: 1300px) {
    main .end-content img {
      width: 30%; } }

footer {
  background: #730202;
  text-align: center;
  color: #ffffff; }
  footer #contact {
    padding: 20px;
    margin: auto; }
    footer #contact .section-title {
      border-bottom: 1px solid #ffffff; }
    footer #contact .info {
      margin: 10px 0; }
      footer #contact .info.email {
        text-decoration: underline; }
        footer #contact .info.email a {
          color: #ffffff; }
    footer #contact form {
      border-top: 1px solid #ffffff; }
      footer #contact form .field {
        padding: 10px;
        text-align: center; }
        footer #contact form .field input {
          text-align: center;
          background: none;
          border: none;
          border-bottom: 1px solid #ffffff;
          padding: 5px;
          color: #ffffff; }
          footer #contact form .field input::-webkit-input-placeholder {
            color: #ffffff; }
          footer #contact form .field input:-ms-input-placeholder {
            color: #ffffff; }
          footer #contact form .field input::-ms-input-placeholder {
            color: #ffffff; }
          footer #contact form .field input::placeholder {
            color: #ffffff; }
          footer #contact form .field input:focus::-webkit-input-placeholder {
            color: #730202; }
          footer #contact form .field input:focus:-ms-input-placeholder {
            color: #730202; }
          footer #contact form .field input:focus::-ms-input-placeholder {
            color: #730202; }
          footer #contact form .field input:focus::placeholder {
            color: #730202; }
        footer #contact form .field textarea {
          text-align: center;
          padding: 10px;
          width: 100%;
          min-height: 200px;
          color: #000;
          border: none;
          border-bottom: 1px solid #ffffff;
          resize: vertical;
          overflow-y: hidden; }
          @media screen and (min-width: 750px) {
            footer #contact form .field textarea {
              width: calc(100% - 80px); } }
          footer #contact form .field textarea::-webkit-input-placeholder {
            color: #000; }
          footer #contact form .field textarea:-ms-input-placeholder {
            color: #000; }
          footer #contact form .field textarea::-ms-input-placeholder {
            color: #000; }
          footer #contact form .field textarea::placeholder {
            color: #000; }
          footer #contact form .field textarea:focus::-webkit-input-placeholder {
            color: #ffffff; }
          footer #contact form .field textarea:focus:-ms-input-placeholder {
            color: #ffffff; }
          footer #contact form .field textarea:focus::-ms-input-placeholder {
            color: #ffffff; }
          footer #contact form .field textarea:focus::placeholder {
            color: #ffffff; }
      footer #contact form input:-webkit-autofill,
      footer #contact form input:-webkit-autofill:hover,
      footer #contact form input:-webkit-autofill:focus
      input:-webkit-autofill,
      footer #contact form textarea:-webkit-autofill,
      footer #contact form textarea:-webkit-autofill:hover
      textarea:-webkit-autofill:focus,
      footer #contact form select:-webkit-autofill,
      footer #contact form select:-webkit-autofill:hover,
      footer #contact form select:-webkit-autofill:focus {
        border-bottom: 2px solid #ffffff;
        -webkit-transition: background-color 5000s ease-in-out 0s;
        transition: background-color 5000s ease-in-out 0s;
        -webkit-text-fill-color: #ffffff; }
  footer #copyright {
    background: #111111; }
    footer #copyright .copyright {
      padding: 20px; }
      footer #copyright .copyright a {
        color: #ffffff; }

.logo a:hover h1 {
  -webkit-filter: opacity(60%);
          filter: opacity(60%); }

.menu-item:hover a {
  -webkit-filter: opacity(60%);
          filter: opacity(60%); }

.field input:hover {
  -webkit-filter: opacity(60%);
          filter: opacity(60%); }
.field input:focus {
  -webkit-filter: opacity(100%);
          filter: opacity(100%); }

/*# sourceMappingURL=style.css.map */