@font-face {
    font-family: champagne;
    src: url("fonts/Champagne_Limousines.ttf");
}

@font-face {
    font-family: opensans;
    src: url("fonts/OpenSans-VariableFont_wdth,wght.ttf");
}

html {
    height: 100%;
}

body{
    font-family: opensans, sans-serif;
    font-weight: lighter;
    color: white;
    display: flex;
    height: 100%;
    background: radial-gradient(circle at center, rgba(56,56,58,1) 0%, rgba(54,54,56,1) 52%, rgba(39,39,41,1) 100%) no-repeat;
}

main {
    min-height: 100%;
    overflow: auto;
}

p {
    margin: 0;
}

h1, h3{
    font-weight: inherit;
    margin-bottom: 0;
}

h4 {
    font-family: champagne, opensans, sans-serif;
    font-size: 1.5rem;
    color: #f49304;
}

.card-body {
    padding: 2rem;
}

#service, #contact, #address {
    margin-top: 1.5rem;
}

#text-header {
    font-family: champagne, opensans, sans-serif;
    font-size: 2.3rem;
    color: #f49304;
}

#text-subheader {
    font-size: 1.3rem;
}

#footer {
    font-size: 0.7rem;
    color: rgb(100, 100, 103);
    margin-top: 3rem;
}


@media (max-width: 575px) {
    main.d-flex{
        justify-content: start !important;
    }
    .col-sm-8 {
        padding: 0 2.3rem 0 2.3rem;
    }
    .card {
        background: none;
        border-color: transparent;
    }
}

@media (min-width: 576px) {
    .card {
        background: none;
        border-color: #f49304;
    }
}