/**
 * Links
 **/
a {
    cursor: pointer;
    /*color: var(--black);*/
    color: inherit;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}
a:hover {
    cursor: pointer;
    /*color: var(--black);*/
    color: inherit;
    text-decoration: underline;
}
a > img {
    border: none;
}

/* Paragraph */
p {
    margin: 0 0 1rem 0;
}

/**
 * Header titles
 **/
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {
    display: block;
    margin: 0;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    padding: 0.5rem 0;
    width: 100%;
}
h1,.h1 {font-size: 2.67rem}
h2,.h2 {font-size: 2rem}
h3,.h3 {font-size: 1.7rem}
h4,.h4 {font-size: 1.225rem}
h5,.h5 {font-size: 1.05rem}
h6,.h6 {font-size: 0.875rem}

/**
 * Text formatting
 **/
.txt-l {text-align: left}
.txt-c {text-align: center}
.txt-r {text-align: right}
.txt-j {
    text-align: justify;
    text-justify: inter-word;
    text-align-last: left;
    hyphens: auto;
}

small, .sm {font-size: .875em}

/**
 * Text colors
 */
.txt-primary {color:var(--primary)!important;}
.txt-secondary {color:var(--secondary)!important;}
.txt-dark {color:var(--dark)!important;}
.txt-gray {color:var(--gray)!important;}
.txt-light {color:var(--light)!important;}
.txt-black {color:var(--black)!important;}
.txt-white {color:var(--white)!important;}
.txt-success {color:var(--success)!important;}
.txt-danger {color:var(--danger)!important;}
.txt-info {color:var(--info)!important;}

/**
 * Text weight
 */
.txt-light {font-weight: 300}
.txt-regular {font-weight: 400}
.txt-bold {font-weight: 500}

/**
 * Text styles
 */
.txt-dashed {border-bottom: dashed 1px; cursor: pointer}

code {
    font-family: 'Consolas', 'Courier New', monospace;
}

/* Responsive settings */

/* From the small screen and higher */
@media (min-width: 768px) {
    .s-txt-l {text-align: left}
    .s-txt-c {text-align: center}
    .s-txt-r {text-align: right}
    .s-txt-j {text-align: justify}
}

/* From the medium screen and higher */
@media (min-width: 992px) {
    .m-txt-l {text-align: left}
    .m-txt-c {text-align: center}
    .m-txt-r {text-align: right}
    .m-txt-j {text-align: justify}
}

/* From the large screen and higher */
@media (min-width: 1200px) {
    .l-txt-l {text-align: left}
    .l-txt-c {text-align: center}
    .l-txt-r {text-align: right}
    .l-txt-j {text-align: justify}
}