#lotech {color:#fff}
body {color:#2b3347}
#adn {background-color: #f7fafd}
.masthead h1 {font-size: 3rem}
#legal h1 {margin :3rem 0 1rem}
.masthead img {width:100%}
.roundpic {width: 400px; height: 400px; overflow: hidden; border-radius: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.roundpic img {width: 150%}
#team {display: flex; flex-direction: row; justify-content: center; align-items: flex-start; margin: 4rem auto;}
.portrait {width: 200px; height:200px; border-radius: 50%; overflow: hidden; border:solid 3px #fff; display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.portrait img {width: 150%;}
.interlocuteur {display: flex; flex-direction: column; justify-content: flex-start; align-items: center; text-align: center; color: #434072; margin:2rem}
.interlocuteur h2 {font-size: 1rem; margin-top: 1rem}
.interlocuteur h3 {font-size: 1.4rem; font-weight: 700}
.interlocuteur a {font-size: 1rem; color:#fff; text-decoration: none}
.interlocuteur a.tel {font-weight: 700; font-size: 1.2rem}
section#devis {background: url(../assets/img/devis.png)no-repeat; background-size: cover;}
.masthead {background: url(../assets/img/mtr_repare_lots_techniques.jpg)no-repeat; background-size: cover; min-height: 700px; background-position: right center; display: flex; align-items: flex-end;}
.masthead .container, .masthead .container p {color: #fff}
.px-5 {padding-right: 1rem !important;padding-left: 1rem !important;}
#lotech h2 {font-size: 1.6rem}
#lotech h3 {font-size: 1.2rem}
#lotech h2:after {content:"";display: block; width: 52px;
    border-bottom: solid 2px #afbbf5;
    margin: 32px 0 37px;}
#lotech h3::before {
    content: "\F1BB";display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -0.125em;
    -webkit-font-smoothing: antialiased;
    margin-right: 12px;
    color: #afbbf5;
}
.feature {margin:30px 0}
#legal {background: linear-gradient(45deg, #777aff, #6eceff) !important;
}
#legal a {color: #ffffff}
#adn img {display: block; width: 800px}
.roundpicbox {border-radius: 50%; overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 500px; width:500px; background-color: red;}
footer.mtrfooter {background-color: #17172d!important}
.btn-primary:hover {
    color: #fff;
    background-color: #698edc;
    border: solid 1px #698edc;
}