/* Text Colors */

.text-primary {
   color: #28a745;
}

.text-secondary  {
   color: #0284d0;
}


/* Button */

.btn {
   cursor: pointer;
   display: inline-block;
   padding: 10px 20px;
   color: #E5B0C3;
   background-color: #1b3764;
   border: none;
   border-radius: 12px;
   font-size: small;
}

.btn:hover {
   opacity: 0.9;

}

.btn-primary, .bg-primary {
   background:#28a745;
   color: #fff;
}

.btn-secondary, .bg-secondary {
   background: #0284d0;
   color: #fff;
}

.btn-dark, .bg-dark {
   background: #333;
   color: #fff;
}

.btn-light, .bg-light {
   background: #f4f4f4;
   color: #333;
}

.btn-outline {
   background: transparent;
   border: 1px solid #fff;

}

/* Flex items */

/* .flex-items {
   display: flex;
   text-align: center;
   justify-content: center;
   text-align: center;
   height: 100%;
} */

/* .flex-items > div {
   padding: 20px;
} */

/* Flex columns */
/* .flex-columns .flex-reverse .row {
   flex-direction: row-reverse;
} */

/* .flex-columns .row {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   width: 100%;
   /* border: 1px solid yellow; */

/* } */ */

/* .flex-columns .column {
   display: flex;
   flex-direction: column;
   flex-basis: 100%;
   flex: 1;
} */
/* .flex-columns .column .column-1,
.flex-columns .column .column-2 {
   height: 100%;
   /* border: solid 1px red; */
   /* width: 50%; */
} */


/* .flex-columns img {
   width: 100%;
   height: 100%;
   object-fit: cover; 
} */

/* .flex-columns .column-2 {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;
   padding:  0 30px;
} */
/* 
.flex-columns h2 {

   font-size: 40px;
   font-weight: 100;
} */

/* .flex-columns h4 {
   margin-bottom: 10px;
} */

/* .flex-columns p {
   margin: 20px 0;
} */

/* Section Header */
/* .section-header {
   padding: 30px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   text-align: center;
} */

/* .section-header h2 {
   font-size: 40px;
   margin: 20px 0;
} */

/* .section-padding {
   padding: 20px 20px 40px;
} */

/* Flex grid */
/* .flex-grid .row {
   display: flex;
   flex-wrap: wrap;
   padding: 0 4px;
} */

/* .flex-grid .column {
   flex: 25%;
   max-width: 23%;
   padding: 0 4px;
} */

/* .contact .column {
   border: 2px solid blue;
} */