@import "/css/fonts.css";

.icon {
    height: 100px !important;
}
.extra-small {
    font-size: 12px !important;
}
.bg-white {
    background: #fff;
}
.max-width-800 {
    max-width: 800px;
}
.width-600 {
    width: 600px;
}
.text-red {
    color: red;
}

.background-image {
    background-image: url("/images/6th-lough-erne.jpg");
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.blur {
    background-color: rgba(255, 255, 255, 0.8) !important;
    backdrop-filter: blur(4px) !important;
}

.bg-none {
    background: none !important;
}

.bg-content {
    background-color: #aad2e8;
}
/*
    Note: It is better to user bootstrap class's for this. eg. w-50 mx-auto

    .center-div {
        margin: auto;
        widthb: 50%;
    }
*/