:root {
    --primary-color: #004F8C;
    --secondary-color: #E6B85C;
    --third-color: #0C2F52;
    --text-color: #1A1A1A;
    --margin-base: 10px
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a {
    color: var(--secondary-color);
    transition: 300ms all ease-in-out;
    color: #000;
    text-decoration: underline;

}
a:hover {
    text-decoration: none;
}

body {
    color: #000;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    line-height: 1.4;
}

img {
    width: 100%;
    height: auto;
}

.background {
    width: 100vw;
    height: 100vh;
    background: url('./img/background-cantelys.jpg') 0 0 no-repeat;
    background-size: cover;
    position: relative;
}

.caption {
    position: absolute;
    padding: calc(4*var(--margin-base));
    left: 0;
    right: 0;
    top:0;
    bottom:0;
    width: 90%;
    max-width: 600px;
    z-index: 2;
    text-align: center;
    margin: auto;
    background: rgba(208, 180, 108, 0.6);
    height: 100vh;
    display: flex;       /* Permet de centrer verticalement et horizontalement */
    align-items: center; /* Centre verticalement les éléments à l'intérieur de la div */
    justify-content: center; /* Centre horizontalement les éléments */
}

.caption__inner {
    max-width: 600px;
    margin: auto;
}

.logo {
    max-width: 250px;
    display: block;
    margin: 0 auto calc(1.5*var(--margin-base));
}
.headline {
    margin-bottom: calc(2*var(--margin-base));
    font-weight: 300;
    font-size: 1em;
}
.address {
    margin-bottom: calc(2*var(--margin-base))
}

.address__name {font-size: 1.15em;}

.phone, .email {
    display: inline ;
}

.phone i, .email i{
    margin-right: calc(var(--margin-base));
    font-size: 14px;
}
.address span:not(.address__zipcode):not(.address__city) {
    display: block;
    font-style: normal;
}

.btn-default {
    display: inline-block;
    padding: calc(1*var(--margin-base)) calc(2*var(--margin-base));
    background: var(--secondary-color);
    color: var(--text-color);
    margin-top: calc(4*var(--margin-base));
    transition: 300ms all ease-in-out;
    font-weight: 600;
    letter-spacing: 1px;
}
.btn-default:hover {
    background: var(--primary-color);
    color: white;
}