@charset "utf-8";

/* Main */

:root {
   --primary: #ecb826;
   --secondary: #9e215c;
   --terciary: #e598c2;
}

html,
body {
   color: black;
   font-family: "Montserrat", sans-serif;
   font-size: 15px;
   font-weight: 400;
}
.font-light {
   font-weight: 300;
}

/* Text */

h1 {
   font-weight: 700;
   letter-spacing: 3px;
}
h2 {
   font-weight: 700;
   font-size: 30px;
}
h3 {
   font-weight: 500;
}
p {
   line-height: 1.4rem;
}
strong {
   font-weight: 700;
}
small {
   font-size: 0.85rem;
}

.text-big {
   font-size: 1.2rem;
}
.text-center {
   text-align: center;
}
.text-justify {
   text-align: justify;
}

/* Links */

a {
   color: black;
   transition: all 0.2s ease;
}
a:hover {
   transition: all 0.2s ease;
}
.opacity-hover:hover {
   opacity: 0.8;
}
.opacity {
   opacity: 0.6;
}

/* Colors */

.text-white {
   color: white;
}
.text-primary,
.text-primary-hover:hover {
   color: var(--primary);
}
.text-secondary {
   color: var(--secondary);
}
.text-terciary {
   color: var(--terciary);
}
.bg-primary,
.bg-primary-hover:hover {
   background-color: var(--primary);
}
.bg-secondary {
   background-color: var(--secondary);
}
.bg-terciary {
   background-color: var(--terciary);
}
.bg-terciary-2 {
   background-color: rgb(229, 152, 194, 0.2);
}
.bg-black,
.bg-black-hover:hover {
   background-color: black;
   color: white;
}
.bg-white {
   background-color: white;
}
.border-secondary {
   border: 1px solid var(--secondary);
}
/* Spacing */

.p-1 {
   padding: 50px 0;
}
.p-2 {
   padding-left: 60px;
   padding-right: 60px;
}
.p-3 {
   padding: 30px;
}
.pl-1 {
   padding-left: 40px;
}
.mb-0 {
   margin-bottom: 0.5rem;
}
.mb-1 {
   margin-bottom: 1.3rem;
}
.mb-2 {
   margin-bottom: 3rem;
}
.mb-3 {
   margin-bottom: 5rem;
}
.mt-1 {
   margin-top: 130px;
}
.col-1 {
   width: 35%;
   padding-right: 20px;
}
.col-2 {
   width: 65%;
   position: relative;
}
.w-100 {
   width: 100%;
}
.w-25 {
   width: 24%;
}
.h-100 {
   height: 100vh;
}

/* Container */

section {
   position: relative;
}
.container {
   width: 100%;
   max-width: 1000px;
   margin: 0 auto;
   padding-left: 30px;
   padding-right: 30px;
}
.col {
   display: inline-block;
}
.row {
   display: inline-block;
}
/* Flex */

.flex {
   display: flex;
}
.flex-cc {
   align-items: center;
   justify-content: center;
}
.flex-list {
   justify-content: space-between;
   flex-wrap: wrap;
}
.flex-center {
   justify-content: space-between;
   flex-wrap: wrap;
   align-items: center;
}

/* Decoration */

.shadow-hover {
   transition: all 0.2s ease;
}
.shadow-hover:hover {
   box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
   transition: all 0.2s ease;
   cursor: pointer;
}
.shadow {
   box-shadow: 5px 0px 15px 0px rgba(0, 0, 0, 0.5);
}
.shadow-2 {
   box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.4);
}
.hide {
   display: none;
}
.bg-center {
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
}
.border-1 {
   border-radius: 12px;
}
.nodesktop {
   display: noen;
}
.nomobile {
   display: block;
}

@media (max-width: 980px) {
   .nodesktop {
      display: block;
   }
   .nomobile {
      display: none;
   }
}