@font-face { font-family: 'Open Sans'; src: url(./../fonts/BreeSerif-Regular.ttf); }

* { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif; }

html { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; }

body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: auto; background-image: url(./../assets/bg.jpg); width: 1440px; max-width: 90%; }

body main { margin: 1rem 10%; position: relative; max-width: 100%; }

.logo { max-width: 15rem; }

.bg-white { background: ghostwhite; border-radius: 25px; }

.bg-glass { background-color: #fff9; -webkit-backdrop-filter: blur(25px); backdrop-filter: blur(25px); border-radius: 25px; }

.shadow { -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px 0px; }

.border { border: solid thin white; }

.title { text-transform: uppercase; letter-spacing: 3px; font-weight: lighter; margin-bottom: 1rem; text-align: center; }

.title small { color: darkorange; }

.link { text-align: center; text-transform: uppercase; text-decoration: none; color: dimgray; padding: 1rem; border: solid thin; letter-spacing: 3px; background: ghostwhite; border-radius: 1rem; border-color: ghostwhite; margin: 0.5rem; -webkit-transition: linear 100ms; transition: linear 100ms; }

.link:hover { background-color: #ff9f64; color: white; border: solid thin #ff9f64; }

.link[href="#"] { cursor: not-allowed; pointer-events: visiblePainted; }

.link[href="#"]:hover { background-color: gainsboro; border-color: gainsboro; color: dimgray; }

.comps .image { border-radius: 25px; position: relative; display: block; overflow: hidden; }

.comps .image:before { content: ""; display: block; padding-bottom: 100%; }

.comps .image p { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #ef6c00cc; color: white; text-transform: uppercase; letter-spacing: 3px; font-size: 2rem; -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0; -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-transition-duration: 200ms; transition-duration: 200ms; }

.comps .image:hover p { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

.comps .image:hover img { -webkit-transform: scale(1.25); transform: scale(1.25); }

.comps .image img { position: absolute; left: 0; right: 0; bottom: 0; top: 0; width: 100%; height: auto; display: block; margin: auto; -webkit-transition-duration: 2s; transition-duration: 2s; }

.container { padding: 1rem; }

.row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.row.center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.row.evenly { -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; }

.col-1 { width: calc(1 / 12 * 100%); }

.col-2 { width: calc(2 / 12 * 100%); }

.col-3 { width: calc(3 / 12 * 100%); }

.col-4 { width: calc(4 / 12 * 100%); }

.col-5 { width: calc(5 / 12 * 100%); }

.col-6 { width: calc(6 / 12 * 100%); }

.col-7 { width: calc(7 / 12 * 100%); }

.col-8 { width: calc(8 / 12 * 100%); }

.col-9 { width: calc(9 / 12 * 100%); }

.col-10 { width: calc(10 / 12 * 100%); }

.col-11 { width: calc(11 / 12 * 100%); }

.col-12 { width: calc(12 / 12 * 100%); }

@media only screen and (min-width: 480px) { .col-md-1 { width: calc(1 / 12 * 100%); }
  .col-md-2 { width: calc(2 / 12 * 100%); }
  .col-md-3 { width: calc(3 / 12 * 100%); }
  .col-md-4 { width: calc(4 / 12 * 100%); }
  .col-md-5 { width: calc(5 / 12 * 100%); }
  .col-md-6 { width: calc(6 / 12 * 100%); }
  .col-md-7 { width: calc(7 / 12 * 100%); }
  .col-md-8 { width: calc(8 / 12 * 100%); }
  .col-md-9 { width: calc(9 / 12 * 100%); }
  .col-md-10 { width: calc(10 / 12 * 100%); }
  .col-md-11 { width: calc(11 / 12 * 100%); }
  .col-md-12 { width: calc(12 / 12 * 100%); } }

[class*="col-"] { padding: 1rem 0.5rem; }

@media only screen and (max-width: 768px) { main { margin: 1rem !important; }
  main .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  [class*="col-"] { width: 100%; } }
/*# sourceMappingURL=style.css.map */