/* Load your custom fonts */
@font-face {
    font-family: 'RoughneckExtreme';
    src: url('/fonts/Roughneck%20Extreme%20W00%20Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gordita';
    src: url('/fonts/Gordita-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gordita-light';
    src: url('/fonts/Gordita-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

/* Apply styles */
h1 {
    font-family: 'RoughneckExtreme', sans-serif;
}

h2 {
    font-family: 'Gordita', sans-serif;
    font-size: 15px;
}

body {
    font-family: 'Gordita-light', sans-serif;
    font-size: 10px;
}

.prayer-header {
    padding-top: 12rem;
    padding-bottom: 6rem;
    background: linear-gradient(rgba(0, 29, 35, .8), rgba(0, 29, 35, .8)), url(../img/prayer-1.png) center center no-repeat;
    background-size: cover;
}

.page-header {
    padding-top: 12rem;
    padding-bottom: 8rem;
    background: linear-gradient(rgba(0, 29, 35, .8), rgba(0, 29, 35, .8)), url('/assets/img/IDP-1.png') center center no-repeat;
    background-size: cover;
}
.page-header-new {
    padding-top: 12rem;
    padding-bottom: 6rem;
    background: linear-gradient(rgba(0, 29, 35, .8), rgba(0, 29, 35, .8)), url(../img/our-team.jpg) center center no-repeat;
    background-size: cover;
}

.page-header-donate {
    padding-top: 12rem;
    padding-bottom: 6rem;
    background: linear-gradient(rgba(0, 29, 35, .8), rgba(0, 29, 35, .8)), url(../img/donates.png) center center no-repeat;
    background-size: cover;
}.page-header-new {
    padding-top: 12rem;
    padding-bottom: 6rem;
    background: linear-gradient(hsla(190, 100%, 7%, 0.7), hsla(190, 100%, 7%, 0.5)), url(../img/ignition-2.png) center center no-repeat;
    background-size: cover;
}