body, html {
    height: 100%;
    margin: 0;
}

.bg {
    background-image: url("/images/background-tile.png");
    background-repeat: repeat;
}

a {
    color: #6c0039;
}

a:hover {
    color: #b80061;
}

.main-title {
    color: #6c0039;
}

@media (max-width: 575.98px) {
    .main-title {
        font-size: 1.75rem;
        font-weight: 300;
        line-height: 1.2;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) { 
    .main-title {
        font-size: 2rem;
        font-weight: 300;
        line-height: 1.2;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) { 
    .main-title {
        font-size: 3rem;
        font-weight: 300;
        line-height: 1.2;
    }
}

@media (min-width: 992px) { 
    .main-title {
        font-size: 3.5rem;
        font-weight: 300;
        line-height: 1.2;
    }
}

div.article {
    text-align: justify !important;
}

div.article h1, div.article h2, div.article h3, div.article h4, div.article h5, div.article h6 {
    color: #00396c;
    font-style: italic !important;
}

@media (min-width: 576px) {

    .w-sm-25 {
        width: 25% !important;
    }
    
    .w-sm-50 {
        width: 50% !important;
    }
    
    .w-sm-75 {
        width: 75% !important;
    }
    
    .w-sm-100 {
        width: 100% !important;
    }

  }
  
@media (min-width: 768px) {

    .w-md-25 {
        width: 25% !important;
    }
    
    .w-md-50 {
        width: 50% !important;
    }
    
    .w-md-75 {
        width: 75% !important;
    }
    
    .w-md-100 {
        width: 100% !important;
    }

}
  
@media (min-width: 992px) {

    .w-lg-25 {
        width: 25% !important;
    }
    
    .w-lg-50 {
        width: 50% !important;
    }
    
    .w-lg-75 {
        width: 75% !important;
    }
    
    .w-lg-100 {
        width: 100% !important;
    }
    
}
  
@media (min-width: 1200px) {

    .w-xl-25 {
        width: 25% !important;
    }
    
    .w-xl-50 {
        width: 50% !important;
    }
    
    .w-xl-75 {
        width: 75% !important;
    }
    
    .w-xl-100 {
        width: 100% !important;
    }

}