/* -------------------------------------------------------------|
| START OF 20_MAIN.CSS.
|---------------------------------------------------------------| */

/* -------------------------------------------------------------|
| MAIN PAGE ELEMENTS.
|---------------------------------------------------------------| */

main {
    display: block;
    width: 100%;    

    margin: 60px 0rem 0rem 0rem;
}

@media (min-width: 768px) {
    main {
        margin: 80px 0rem 0rem 0rem;
    }
}

main h2 {
    display: flex;
    font-size: 1.1rem;
    
    margin: 1rem 1rem 1rem 1rem;
    padding: 0rem 0rem 0rem 0rem;
    
}

@media (min-width: 768px) {
    main h2 {
        font-size: 1.4rem;
    }
}

main p {
    display: flex;
    font-size: 1.0rem;
    text-align: justify;
    margin: 1rem 1rem 1rem 1rem;
    padding: 0rem 0rem 0rem 0rem;
}

@media (min-width: 768px) {
    main p {
        font-size: 1.1rem;
    }
}

.quotation {
    font-style: italic;
    margin: 0rem 2.4rem 0rem 2.4rem; 
}

@media (min-width: 768px) {
    .quotation {
        font-size: 1.0rem;
        margin: 0rem 3.0rem 0rem 3.0rem;
    }
}

/* -------------------------------------------------------------|
| UNDER CONSTRUCTION PAGES.
|---------------------------------------------------------------| */

.construction img {
    display: flex;
    height: auto;
    width: 150px;
    justify-self: center;

    margin: 1rem 0rem 1rem 0rem; 
    padding: 0rem 0rem 0rem 0rem;
}  

/* -------------------------------------------------------------|
|-| END OF 20_MAIN.CSS.
|---------------------------------------------------------------| */