.container-large {
   max-width: 1100px;
   margin: 0 auto;
}

.container-medium {
   max-width: 1000px;
   margin: 0 auto;
}

.container-small {
   max-width: 900px;
   margin: 0 auto;
}

/* Margin */
.m-1 {margin: 20px;}
.m-2 {margin: 10px;}
.m-3 {margin: 5px;}

/* Margin Top */
.my-1 {margin-top: 3rem;}
.my-2 { margin-top: 1.8rem;}
.my-3 {margin-top: 1rem;}

/* Padding */
.p-1 {padding: 2rem;}
.p-2 {padding: 1.5rem;}
.p-3 {padding: 1rem;}

.heading {
   display: flex;
   align-items: center;
   color: var(--text-secondary-color);
   margin: 0.8rem 0;
}

.heading h3 {
   font-size: 1.7rem;
}

span {
   font-size: 1.2rem;
   margin-right: 0.4rem;
   display: block;
   color: var(--primary-color);
}

.right-border {
   border-right: 1px solid #ccc;
}

@media(max-width: 700px) {
   .right-border {
      border-right: none;
   }
}