/*  Theme Name: Fato & Efeito Eventos
 *  text-domain: fatoefeitoeventos  */
 @import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Prata&display=swap");
 @font-face {
   font-family: "Manila Black";
   src: url("../fonts/manila.ttf") format("truetype");
   font-weight: normal;
   font-style: normal;
 }
 * {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   font-family: "Lato", sans-serif;
   font-size: 16px;
   color: #3f3f3f;
   transition: all 300ms ease;
 }
 
 html {
   scroll-behavior: smooth;
 }
 
 body {
   background: #f1f3f4;
 }
 
 header .logo img {
   width: 260px;
   height: auto;
 }
 @media (min-width: 641px) and (max-width: 1194px) {
   header .logo img {
     width: 160px;
   }
 }
 @media (min-width: 320px) and (max-width: 640px) {
   header .logo img {
     width: 120px;
   }
 }
 header nav {
   display: flex;
   align-items: center;
 }
 header nav ul {
   list-style: none;
   display: flex;
   align-items: center;
   gap: 32px;
 }
 @media (min-width: 320px) and (max-width: 640px) {
   header nav ul {
     gap: 0;
   }
 }
 header nav ul li {
   list-style: none;
 }
 @media (min-width: 320px) and (max-width: 640px) {
   header nav ul li {
     margin: 0;
   }
 }
 header nav ul a {
   text-decoration: none;
 }
 
 #hero {
   padding: 100px 0;
   display: flex;
   align-items: center;
   height: 100%;
   background: #060A14;
 }
 #hero a {
   color: inherit;
 }
 #hero .texto {
   flex: 1;
 }
 @media (min-width: 320px) and (max-width: 640px) {
   #hero .texto {
     flex: auto;
   }
 }
 #hero .texto > * {
   color: #fff;
 }
 #hero .formulario {
   flex: 1;
 }
 @media (min-width: 320px) and (max-width: 640px) {
   #hero .formulario {
     flex: auto;
   }
 }
 #hero .formulario form label {
   color: #fff !important;
 }
 #hero .formulario form input {
   width: 100% !important;
 }
 #hero .carrossel {
   margin-top: 48px;
   display: flex;
   gap: 32px;
 }
 #hero .carrossel img {
   border-radius: 12px;
   width: 200px;
   height: auto;
   margin: 0 12px;
 }
 @media (min-width: 320px) and (max-width: 640px) {
   #hero .carrossel img {
     width: 160px;
   }
 }
 
 #sobre {
   padding: 48px 0;
   background: #060A14;
 }
 #sobre div {
   flex: 1;
 }
 @media (min-width: 320px) and (max-width: 640px) {
   #sobre div {
     flex: auto;
   }
 }
 #sobre img {
   border-radius: 12px;
   width: 100%;
   height: auto;
 }
 
 #servicos {
   background: #184690;
   padding: 48px 0;
 }
 #servicos .servico {
   max-width: 320px;
 }
 @media (min-width: 320px) and (max-width: 640px) {
   #servicos .servico {
     max-width: 100%;
     width: 100%;
     height: auto;
   }
 }
 
 #depoimentos {
   background: #184690;
   padding: 48px 0;
 }
 #depoimentos .depoimentos {
   margin-top: 48px;
   display: flex;
   gap: 32px;
   justify-content: space-between;
 }
 #depoimentos .depoimentos .depoimento {
   max-width: 320px;
 }
 #depoimentos .avatar {
   margin: 24px 0;
   width: 60px;
 }
 #depoimentos .avatar img {
   width: 100%;
   height: auto;
 }
 
 #portfolio {
   padding: 100px 0;
 }
 #portfolio .portfolio {
   display: flex;
   gap: 32px;
   justify-content: center;
   flex-wrap: wrap;
 }
 #portfolio .portfolio .item {
   flex: 1;
   min-width: 400px;
 }
 @media (min-width: 320px) and (max-width: 640px) {
   #portfolio .portfolio .item {
     min-width: auto;
   }
 }
 #portfolio .portfolio .item img {
   width: 100%;
   height: auto;
   border-radius: 12px;
 }
 
 footer {
   padding: 100px 0;
   background: #184690;
 }
 footer h2, footer h3, footer h4, footer p {
   color: #fff;
 }
 footer .social img {
   width: 60px;
   height: auto;
 }
 
 #whatsapp-flutuante {
   width: 70px;
   height: 70px;
   position: fixed;
   bottom: 40px;
   right: 40px;
 }
 #whatsapp-flutuante img {
   width: 70px;
   height: auto;
 }
 
 h1 {
   font-size: 56px;
   font-family: "Manila Black";
   font-style: normal;
   letter-spacing: 2px;
 }
 @media (min-width: 320px) and (max-width: 640px) {
   h1 {
     font-size: 48px;
   }
 }
 @media (min-width: 641px) and (max-width: 1194px) {
   h1 {
     font-size: 48px;
   }
 }
 
 .h1 {
   font-size: 56px;
   font-family: "Manila Black";
   font-style: normal;
   letter-spacing: 2px;
 }
 @media (min-width: 320px) and (max-width: 640px) {
   .h1 {
     font-size: 48px;
   }
 }
 @media (min-width: 641px) and (max-width: 1194px) {
   .h1 {
     font-size: 48px;
   }
 }
 
 h2 {
   font-size: 40px;
   font-family: "Manila Black";
   font-style: normal;
   letter-spacing: 2px;
 }
 @media (min-width: 320px) and (max-width: 640px) {
   h2 {
     font-size: 36px;
   }
 }
 @media (min-width: 641px) and (max-width: 1194px) {
   h2 {
     font-size: 36px;
   }
 }
 
 .h2 {
   font-size: 40px;
   font-family: "Manila Black";
   font-style: normal;
   letter-spacing: 2px;
 }
 @media (min-width: 320px) and (max-width: 640px) {
   .h2 {
     font-size: 36px;
   }
 }
 @media (min-width: 641px) and (max-width: 1194px) {
   .h2 {
     font-size: 36px;
   }
 }
 
 h3 {
   font-size: 36px;
   font-family: "Manila Black";
   font-style: normal;
   letter-spacing: 2px;
 }
 @media (min-width: 320px) and (max-width: 640px) {
   h3 {
     font-size: 32px;
   }
 }
 @media (min-width: 641px) and (max-width: 1194px) {
   h3 {
     font-size: 32px;
   }
 }
 
 .h3 {
   font-size: 36px;
   font-family: "Manila Black";
   font-style: normal;
   letter-spacing: 2px;
 }
 @media (min-width: 320px) and (max-width: 640px) {
   .h3 {
     font-size: 32px;
   }
 }
 @media (min-width: 641px) and (max-width: 1194px) {
   .h3 {
     font-size: 32px;
   }
 }
 
 h4 {
   font-size: 30px;
   font-family: "Manila Black";
   font-style: normal;
   letter-spacing: 1.5px;
 }
 @media (min-width: 320px) and (max-width: 640px) {
   h4 {
     font-size: 28px;
   }
 }
 @media (min-width: 641px) and (max-width: 1194px) {
   h4 {
     font-size: 28px;
   }
 }
 
 .h4 {
   font-size: 30px;
   font-family: "Manila Black";
   font-style: normal;
   letter-spacing: 1.5px;
 }
 @media (min-width: 320px) and (max-width: 640px) {
   .h4 {
     font-size: 28px;
   }
 }
 @media (min-width: 641px) and (max-width: 1194px) {
   .h4 {
     font-size: 28px;
   }
 }
 
 h5 {
   font-size: 24px;
   font-family: "Manila Black";
   font-style: normal;
   letter-spacing: 1px;
 }
 @media (min-width: 320px) and (max-width: 640px) {
   h5 {
     font-size: 22px;
   }
 }
 @media (min-width: 641px) and (max-width: 1194px) {
   h5 {
     font-size: 22px;
   }
 }
 
 .h5 {
   font-size: 24px;
   font-family: "Manila Black";
   font-style: normal;
   letter-spacing: 1px;
 }
 @media (min-width: 320px) and (max-width: 640px) {
   .h5 {
     font-size: 22px;
   }
 }
 @media (min-width: 641px) and (max-width: 1194px) {
   .h5 {
     font-size: 22px;
   }
 }
 
 h6 {
   font-size: 18px;
   font-family: "Manila Black";
   font-style: normal;
   letter-spacing: 1px;
 }
 @media (min-width: 320px) and (max-width: 640px) {
   h6 {
     font-size: 17px;
   }
 }
 @media (min-width: 641px) and (max-width: 1194px) {
   h6 {
     font-size: 17px;
   }
 }
 
 .h6 {
   font-size: 18px;
   font-family: "Manila Black";
   font-style: normal;
   letter-spacing: 1px;
 }
 @media (min-width: 320px) and (max-width: 640px) {
   .h6 {
     font-size: 17px;
   }
 }
 @media (min-width: 641px) and (max-width: 1194px) {
   .h6 {
     font-size: 17px;
   }
 }
 
 ul li {
   font-size: 16px;
   font-family: "Lato", sans-serif;
   font-weight: 400;
   line-height: 23px;
   font-style: normal;
   margin: 8px 8px 8px 24px;
 }
 
 ol li {
   font-size: 16px;
   font-family: "Lato", sans-serif;
   font-weight: 400;
   line-height: 23px;
   font-style: normal;
   margin: 8px 8px 8px 24px;
 }
 
 p {
   font-size: 16px;
   font-family: "Lato", sans-serif;
   font-weight: 400;
   line-height: 23px;
   font-style: normal;
 }
 
 span {
   font-size: 16px;
   font-family: "Lato", sans-serif;
   font-weight: 400;
   line-height: 23px;
   font-style: normal;
 }
 
 .text {
   font-size: 16px;
   font-family: "Lato", sans-serif;
   font-weight: 400;
   line-height: 23px;
   font-style: normal;
 }
 
 .text-big {
   font-size: 18px;
   line-height: 30px;
   font-family: "Lato", sans-serif;
   font-weight: 400;
   line-height: 24px;
   font-style: normal;
 }
 
 .text-micro {
   font-size: 16px;
   font-family: "Lato", sans-serif;
   font-weight: 400;
   line-height: 23px;
   font-style: normal;
 }
 
 strong {
   font-weight: 700;
 }
 
 .wrapper {
   width: 1194px;
   margin: 0 auto;
 }
 @media (min-width: 320px) and (max-width: 640px) {
   .wrapper {
     width: 95%;
   }
 }
 @media (min-width: 641px) and (max-width: 1194px) {
   .wrapper {
     width: 90%;
   }
 }
 
 .cta-primary {
   color: #fff;
   background: #237c3e;
   font-size: 16px;
   font-family: "Lato", sans-serif;
   font-weight: 400;
   line-height: 23px;
   font-style: normal;
   padding: 6px 12px;
   text-decoration: none;
   display: flex;
   justify-content: center;
   align-items: center;
   cursor: pointer;
   font-size: 18px;
 }
 .cta-primary a {
   color: #fff;
   text-decoration: none;
   font-weight: bold;
 }
 
 .cta-primary-white {
   background: #fff;
   color: #237c3e;
   font-size: 16px;
   font-family: "Lato", sans-serif;
   font-weight: 400;
   line-height: 23px;
   font-style: normal;
   padding: 6px 12px;
   text-decoration: none;
   display: flex;
   justify-content: center;
   align-items: center;
   cursor: pointer;
   font-weight: bold;
   font-size: 18px;
 }
 .cta-primary-white a {
   color: #237c3e;
   text-decoration: none;
 }
 
 .cta-secondary {
   color: #fff;
   border: 1px solid #fff;
   font-size: 16px;
   font-family: "Lato", sans-serif;
   font-weight: 400;
   line-height: 23px;
   font-style: normal;
   padding: 6px 12px;
   text-decoration: none;
   display: flex;
   justify-content: center;
   align-items: center;
   cursor: pointer;
   font-size: 18px;
   font-weight: bold;
 }
 .cta-secondary a {
   color: #fff;
   text-decoration: none;
 }
 
 .cta-secondary-text-black {
   color: #3f3f3f;
   border: 1px solid #3f3f3f;
   font-size: 16px;
   font-family: "Lato", sans-serif;
   font-weight: 400;
   line-height: 23px;
   font-style: normal;
   padding: 6px 12px;
   display: flex;
   justify-content: center;
   align-items: center;
   text-decoration: none;
   cursor: pointer;
   font-weight: bold;
   font-size: 18px;
 }
 .cta-secondary-text-black:hover {
   color: #fff;
   background: #237c3e;
 }
 .cta-secondary-text-black:hover a {
   color: #fff;
 }
 .cta-secondary-text-black a {
   color: #3f3f3f;
   text-decoration: none;
 }
 .cta-secondary-text-black a:hover {
   color: #fff;
   background: #237c3e;
 }
 
 .cta-other {
   color: #3f3f3f;
   font-size: 16px;
   font-family: "Lato", sans-serif;
   font-weight: 400;
   line-height: 23px;
   font-style: normal;
   display: flex;
   justify-content: center;
   text-decoration: none;
   align-items: center;
   font-weight: bold;
   cursor: pointer;
   text-decoration: underline;
   font-size: 18px;
 }
 .cta-other a {
   color: #3f3f3f;
   text-decoration: none;
 }
 
 .azul-escuro {
   background: #060A14;
 }
 
 .branco {
   background: #fff;
 }
 
 .cinza-300 {
   background: #f1f3f4;
 }
 
 .cinza-500 {
   background: #cecece;
 }
 
 .text-azul-escuro {
   color: #060A14;
 }
 
 .text-branco {
   color: #fff;
 }
 
 .text-cinza-300 {
   color: #f1f3f4;
 }
 
 .text-cinza-500 {
   color: #cecece;
 }
 
 .gap-0 {
   gap: 0 !important;
 }
 
 .gap-4 {
   gap: 4px !important;
 }
 
 .gap-8 {
   gap: 8px !important;
 }
 
 .gap-12 {
   gap: 12px !important;
 }
 
 .gap-16 {
   gap: 16px !important;
 }
 
 .gap-20 {
   gap: 20px !important;
 }
 
 .gap-24 {
   gap: 24px !important;
 }
 
 .gap-28 {
   gap: 28px !important;
 }
 
 .gap-32 {
   gap: 32px !important;
 }
 
 .gap-36 {
   gap: 36px !important;
 }
 
 .gap-40 {
   gap: 40px !important;
 }
 
 .gap-44 {
   gap: 44px !important;
 }
 
 .gap-48 {
   gap: 48px !important;
 }
 
 .margin-0 {
   margin: 0 !important;
 }
 
 .margin-auto {
   margin-left: auto !important;
   margin-right: auto !important;
 }
 
 .margin-left-12 {
   margin-left: 12px;
 }
 
 .margin-left-24 {
   margin-left: 24px;
 }
 
 .margin-left-auto {
   margin-left: auto;
 }
 
 .margin-top-0 {
   margin-top: 0 !important;
 }
 
 .margin-top-8 {
   margin-top: 8px !important;
 }
 
 .margin-top-10 {
   margin-top: 10px !important;
 }
 
 .margin-top-12 {
   margin-top: 12px !important;
 }
 
 .margin-top-16 {
   margin-top: 16px !important;
 }
 
 .margin-top-20 {
   margin-top: 20px !important;
 }
 
 .margin-top-24 {
   margin-top: 24px !important;
 }
 
 .margin-top-28 {
   margin-top: 28px !important;
 }
 
 .margin-top-36 {
   margin-top: 36px !important;
 }
 
 .margin-top-40 {
   margin-top: 40px !important;
 }
 
 .margin-top-44 {
   margin-top: 44px !important;
 }
 
 .margin-top-48 {
   margin-top: 48px !important;
 }
 
 .margin-top-100 {
   margin-top: 100px;
 }
 
 .margin-bottom-0 {
   margin-bottom: 0 !important;
 }
 
 .margin-bottom-4 {
   margin-bottom: 4px !important;
 }
 
 .margin-bottom-6 {
   margin-bottom: 6px !important;
 }
 
 .margin-bottom-8 {
   margin-bottom: 8px !important;
 }
 
 .margin-bottom-10 {
   margin-bottom: 10px !important;
 }
 
 .margin-bottom-12 {
   margin-bottom: 12px !important;
 }
 
 .margin-bottom-24 {
   margin-bottom: 24px !important;
 }
 
 .margin-bottom-36 {
   margin-bottom: 36px !important;
 }
 
 .margin-bottom-48 {
   margin-bottom: 48px !important;
 }
 
 .margin-bottom-100 {
   margin-bottom: 100px !important;
 }
 
 .padding-0 {
   padding: 0 !important;
 }
 
 .padding-12 {
   padding: 12px !important;
 }
 
 .padding-24 {
   padding: 24px !important;
 }
 
 .padding-48 {
   padding: 48px !important;
 }
 
 .padding-60 {
   padding: 60px !important;
 }
 
 .padding-90 {
   padding: 90px !important;
 }
 
 .padding-bottom-0 {
   padding-bottom: 0 !important;
 }
 
 .padding-bottom-4 {
   padding-bottom: 4px !important;
 }
 
 .padding-bottom-8 {
   padding-bottom: 8px !important;
 }
 
 .padding-bottom-12 {
   padding-bottom: 12px !important;
 }
 
 .padding-bottom-16 {
   padding-bottom: 16px !important;
 }
 
 .padding-bottom-20 {
   padding-bottom: 20px !important;
 }
 
 .padding-bottom-24 {
   padding-bottom: 24px !important;
 }
 
 .padding-bottom-48 {
   padding-bottom: 48px !important;
 }
 
 .padding-top-0 {
   padding-top: 0 !important;
 }
 
 .padding-top-4 {
   padding-top: 4px !important;
 }
 
 .padding-top-8 {
   padding-top: 8px !important;
 }
 
 .padding-top-12 {
   padding-top: 12px !important;
 }
 
 .padding-top-16 {
   padding-top: 16px !important;
 }
 
 .padding-top-100 {
   padding-top: 100px !important;
 }
 
 .width-auto {
   width: auto !important;
   max-width: -moz-min-content;
   max-width: min-content;
 }
 
 .width-fit-content {
   width: -moz-fit-content !important;
   width: fit-content !important;
 }
 
 .width-30 {
   width: 30%;
 }
 
 .width-40 {
   width: 40%;
 }
 
 .width-50 {
   width: 50%;
 }
 
 .width-60 {
   width: 60%;
 }
 
 .width-70 {
   width: 70%;
 }
 
 .width-100 {
   width: 100% !important;
 }
 
 .width-12px {
   width: 12px !important;
 }
 
 .width-50px {
   width: 50px !important;
 }
 
 .width-100px {
   width: 100px !important;
 }
 
 .width-125px {
   width: 125px !important;
 }
 
 .width-150px {
   width: 150px !important;
 }
 
 .width-200px {
   width: 200px !important;
 }
 
 .width-300px {
   width: 300px !important;
 }
 
 .width-350px {
   width: 350px !important;
 }
 
 .width-400px {
   width: 400px !important;
 }
 
 .width-500px {
   width: 500px !important;
 }
 
 .width-600px {
   width: 600px !important;
 }
 
 .width-700px {
   width: 700px !important;
 }
 
 .width-metade {
   width: 50% !important;
 }
 @media (min-width: 320px) and (max-width: 640px) {
   .width-metade {
     max-width: 100% !important;
     width: 100% !important;
   }
 }
 
 @media (min-width: 320px) and (max-width: 640px) {
   .m-width-100 {
     width: 100% !important;
   }
 }
 
 .min-width-100px {
   min-width: 100px;
 }
 
 .min-width-200px {
   min-width: 200px;
 }
 
 .min-width-300px {
   min-width: 300px;
 }
 
 .min-width-400px {
   min-width: 400px;
 }
 @media (min-width: 320px) and (max-width: 640px) {
   .min-width-400px {
     min-width: auto;
   }
 }
 
 .min-width-500px {
   min-width: 500px;
 }
 
 .max-width-40 {
   max-width: 40% !important;
 }
 
 .max-width-50 {
   max-width: 50% !important;
 }
 
 .max-width-100 {
   max-width: 100% !important;
 }
 
 .max-width-50px {
   max-width: 50px !important;
 }
 @media (min-width: 320px) and (max-width: 640px) {
   .max-width-50px {
     max-width: 100%;
     width: 100%;
   }
 }
 
 .max-width-100px {
   max-width: 100px !important;
 }
 @media (min-width: 320px) and (max-width: 640px) {
   .max-width-100px {
     max-width: 100%;
     width: 100%;
   }
 }
 
 .max-width-150px {
   max-width: 150px !important;
 }
 @media (min-width: 320px) and (max-width: 640px) {
   .max-width-150px {
     max-width: 100%;
     width: 100%;
   }
 }
 
 .max-width-200px {
   max-width: 200px !important;
 }
 @media (min-width: 320px) and (max-width: 640px) {
   .max-width-200px {
     max-width: 100%;
     width: 100%;
   }
 }
 
 .max-width-300px {
   max-width: 300px;
 }
 @media (min-width: 320px) and (max-width: 640px) {
   .max-width-300px {
     max-width: 100%;
     width: 100%;
   }
 }
 
 .max-width-400px {
   max-width: 400px;
 }
 @media (min-width: 320px) and (max-width: 640px) {
   .max-width-400px {
     max-width: 100%;
     width: 100%;
   }
 }
 
 .max-width-500px {
   max-width: 500px;
 }
 @media (min-width: 320px) and (max-width: 640px) {
   .max-width-500px {
     max-width: 100%;
     width: 100%;
   }
 }
 
 .max-width-600px {
   max-width: 600px;
 }
 @media (min-width: 320px) and (max-width: 640px) {
   .max-width-600px {
     max-width: 100%;
     width: 100%;
   }
 }
 
 @media (min-width: 320px) and (max-width: 640px) {
   .m-max-width-100 {
     max-width: 100%;
     width: 100%;
   }
 }
 
 .uppercase {
   text-transform: uppercase !important;
 }
 
 .lowercase {
   text-transform: initial !important;
 }
 
 .ocultar-desktop {
   display: none;
 }
 @media (min-width: 320px) and (max-width: 640px) {
   .ocultar-desktop {
     display: flex;
   }
 }
 @media (min-width: 641px) and (max-width: 1194px) {
   .ocultar-desktop {
     display: flex;
   }
 }
 
 @media (min-width: 641px) and (max-width: 1194px) {
   .ocultar-tablet {
     display: none;
   }
 }
 
 @media (min-width: 320px) and (max-width: 640px) {
   .ocultar-celular {
     display: none;
   }
 }
 
 .overflow-hidden {
   overflow: hidden;
 }
 
 .colunas-2 {
   display: grid;
   grid-gap: 36px;
   grid-template-columns: 1fr 1fr;
 }
 @media (min-width: 320px) and (max-width: 640px) {
   .colunas-2 {
     grid-template-columns: 1fr;
   }
 }
 
 .colunas-3 {
   display: grid;
   grid-gap: 12px;
   grid-template-columns: 1fr 1fr 1fr;
 }
 @media (min-width: 320px) and (max-width: 640px) {
   .colunas-3 {
     grid-template-columns: 1fr 1fr;
   }
 }
 
 .colunas-4 {
   display: grid;
   grid-gap: 12px;
   grid-template-columns: 1fr 1fr 1fr 1fr;
 }
 @media (min-width: 641px) and (max-width: 1194px) {
   .colunas-4 {
     grid-template-columns: 1fr 1fr 1fr 1fr;
   }
 }
 @media (min-width: 320px) and (max-width: 640px) {
   .colunas-4 {
     grid-template-columns: 1fr 1fr;
   }
 }
 
 @media (min-width: 320px) and (max-width: 640px) {
   .m-coluna-1 {
     display: grid;
     grid-template-columns: 1fr;
   }
 }
 
 .flex {
   display: flex;
 }
 
 .flex-wrap {
   display: flex;
   flex-wrap: wrap;
 }
 
 @media (min-width: 320px) and (max-width: 640px) {
   .m-flex-wrap {
     flex-wrap: wrap;
     display: flex;
   }
 }
 @media (min-width: 641px) and (max-width: 1194px) {
   .m-flex-wrap {
     flex-wrap: wrap;
     display: flex;
   }
 }
 
 .noshrink {
   flex-shrink: 0 !important;
 }
 
 .justify-content-center {
   justify-content: center;
 }
 
 @media (min-width: 320px) and (max-width: 640px) {
   .m-justify-content-center {
     justify-content: center;
   }
 }
 
 .justify-content-flex-end {
   justify-content: flex-end;
 }
 
 .space-between {
   justify-content: space-between !important;
 }
 
 .align-items-flex-start {
   align-items: flex-start;
 }
 
 .align-items-center {
   align-items: center;
 }
 
 .align-items-flex-end {
   align-items: flex-end;
 }
 
 .display-none {
   display: none !important;
 }
 
 .display-block {
   display: block;
 }
 
 .height-min-content {
   height: -moz-min-content;
   height: min-content;
 }
 
 .position-absolute {
   position: absolute;
 }
 
 .white-space-nowrap {
   white-space: nowrap;
 }
 
 .text-align-center {
   text-align: center;
 }
 
 @media (min-width: 320px) and (max-width: 640px) {
   .m-text-align-center {
     text-align: center;
   }
 }
 
 .relative {
   position: relative;
 }
 
 .absolute {
   position: absolute;
 }
 
 .pointer {
   cursor: pointer;
 }/*# sourceMappingURL=base.css.map */