body {
    font-family: "Roboto", sans-serif;
    color: #0c0c0c;
    background-color: #ffffff;
    overflow-x: hidden;
    font-size: 20px;
  }

.navbar-brand img {
    max-height: 40px;
}

header .row {
    min-height: 70vh;
    background-image: url(../images/parking-1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: white;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);

}

header .formreservation {
    background-color: rgba(228, 217, 217, 0.5);
    min-height: 70vh;
    display: flex;
    align-items: center;

}

herader h1 {
    font-family: 'Raleway', sans-serif;
}

header h2 {
    font-family: 'Dancing Script', cursive;
    margin-bottom: 50px;
}

header .slogan {
    display: flex;
    min-height: 70vh;
    align-items: flex-end;
    justify-content: flex-end;
}

@media (max-width: 767.98px) {
    header .slogan {
        display: none;
    }
}


#presentation .media span {
    color: #0176b6;
    font-size: 3rem;
    width: 4rem;
    text-align: center;
}

#presentation .media:hover {
    background-color: #edeef7;
}

#presentation .media {
    padding: .5rem 1rem;
    cursor: pointer;
    transition: all .3s ease-in-out;
    border-radius: .3px;
}

.fondChambre {

    background-image: url(../images/parking3.jpg);
    background-size: cover;
    background-repeat: no-repeat;

}



.avisClient {

    background-color: #e4d9d3;
}

.avisClient span {
    font-size: 5rem;
    color: #17a2b8;
}

.avisClient h5 {
    font-size: 2rem;
    color: #8888;
}


#contact .row {
    min-height: calc(80vh - 50px);
}

.formContact {
    background-color: rgba(255, 255, 255, .7);
    padding: 2rem 1rem;
}

#lozange {
    background-color: rgba(184, 194, 248, 0.533);
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);

}

#lozange :hover {
    background-color: #edeef7;

}

span {
    color: #4285F4;
    font-size: 2rem;
    width: 4rem;
    text-align: center;
}

.titre {
    font-family: 'Amatic SC', cursive;
    font-size: 40px;
}

.item-title {
    font-size: 12px;
}

.clicparking {
    color: #4285F4;
    font-family: 'Dancing Script', cursive;
    font-size: 2rem;
}

#pourquoi .media:hover {
    background-color: #edeef7;
}

#pourquoi .media {
    padding: .5rem 1rem;
    cursor: pointer;
    transition: all .3s ease-in-out;
    border-radius: .3px;
}

@media (max-width: 576.98px) {
    #telephone {
        display: none;
    }
}

/* Input group */
.input-group .input-group-addon {
    border-radius: 0;
    border-color: #d2d6de;
    background-color: #4285F4;
    font-size: 20px;
    width: 30px;
    text-align: center;
}



.info_section{
    background-color: #0176b6;
    color:#edeef7
}

.navbar-brand img {
    max-height: 40px;
}

header .row {
    min-height: 70vh;
    background-image: url(../images/clickparking.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: white;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);

}

header .formreservation {
    background-color: rgba(228, 217, 217, 0.5);
    min-height: 70vh;
    display: flex;
    align-items: center;

}

herader h1 {
    font-family: 'Raleway', sans-serif;
}

header h2 {
    font-family: 'Dancing Script', cursive;
    margin-bottom: 50px;
}

header .slogan {
    display: flex;
    min-height: 70vh;
    align-items: flex-end;
    justify-content: flex-end;
}

@media (max-width: 767.98px) {
    header .slogan {
        display: none;
    }
}


#presentation .media span {
    color: #0176b6;
    font-size: 3rem;
    width: 4rem;
    text-align: center;
}

#presentation .media:hover {
    background-color: #edeef7;
}

#presentation .media {
    padding: .5rem 1rem;
    cursor: pointer;
    transition: all .3s ease-in-out;
    border-radius: .3px;
}

.fondChambre {

    background-color: rgba(255, 255, 255, .7);
    padding: 2rem 1rem;

}



.avisClient {

    background-color: #e4d9d3;
}

.avisClient span {
    font-size: 5rem;
    color: #17a2b8;
}

.avisClient h5 {
    font-size: 2rem;
    color: #8888;
}

#contact {
    min-height: calc(80vh - 50);
    background-image: url(../images/parking1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

#contact .row {
    min-height: calc(80vh - 50px);
}

.formContact {
    background-color: rgba(255, 255, 255, .7);
    padding: 2rem 1rem;
}

#lozange {
    background-color: rgba(184, 194, 248, 0.533);
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);

}

#lozange :hover {
    background-color: #edeef7;

}

span {
    color: #ffcc99;
    font-size: 2rem;
    width: 4rem;
    text-align: center;
}

.titre {
    font-family: 'Raleway', sans-serif;
    font-size: 30px;
}

.item-title {
    font-size: 12px;
}

.clicparking {
    color: #993300;
    font-family: "Roboto", sans-serif;
    font-size: 1.5rem;
}

#pourquoi .media:hover {
    background-color: #edeef7;
}

#recherche:hover{
    background-color: #edeef7;
}
#reserver:hover{
    background-color: #edeef7;
}
#arrivee:hover{
    background-color: #edeef7;
}

#pourquoi .media {
    padding: .5rem 1rem;
    cursor: pointer;
    transition: all .3s ease-in-out;
    border-radius: .3px;
}

@media (max-width: 576.98px) {
    #telephone {
        display: none;
    }
}

/* Input group */
.input-group .input-group-addon {
    border-radius: 0;
    border-color: #d2d6de;
    background-color: #ffcc99;
    font-size: 20px;
    width: 30px;
    text-align: center;
}

.info_detail{
    margin:20px 20px 20px 20px;
}