<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<nav class="navbar navbar-expand-lg" style="background-color: rgb(78, 191, 242);"><img src="https://bootsnipp.com/bootstrap-builder/libs/builder/icons/image.svg" height="128" width="128" style=""> <div class="collapse navbar-collapse" id="navbarSupportedContent"> </div> <img src="https://bootsnipp.com/bootstrap-builder/libs/builder/icons/image.svg" height="128" width="128" style=""></nav>
<div class="container background-img">
<div id="container-img" class="container box-content">
<div class="header clearfix">
<h3 class="type_circuit" >Circuit Road Trip</h3>
</div>
<div class="box-title">
<h2 class="" style="line-height: 48px; width: auto; max-width: 600px; text-align: center; float: none; margin-right: auto; height: auto; text-decoration-line: none;">- Croatie, Slovénie, Bosnie, Albanie, Macédoine, Serbie, Monténégro -</h2>
<p class="lead">Grand voyage en terre slave</p>
</div>
<div class="box-title box-title-content">
<p class="lead-content">Grand voyage en terre slave</p>
</div>
<div class="box-title box-title-content">
<p class="lead-content">Grand voyage en terre slave</p>
</div>
<div class="box-title" style="padding: 1rem; margin-bottom: none;">
<p class="lead-note"><span>Pour tout départ avant ces dates, merci de consulter le programme disponible sur le site TUI.fr ou remis par votre agence de voyage.</span></p>
</div>
<footer class="footer">
<p>© Company 2017</p>
</footer>
</div> <!-- /container -->
.type_circuit {
border-radius: 0.5rem;
text-align: center;
background-color: rgb(161, 14, 47);
color: rgb(255, 255, 255);
opacity: 1;
text-decoration-color: rgb(255, 255, 255);
}
.background-img {
background-color: red;
max-width: 100%;
}
.box-content {
max-width: 600px;
}
.box-title {
background-color: rgb(250, 252, 255);
padding: 2rem 1rem;
margin-bottom: 2rem;
background-color: #e9ecef;
border-radius: 0.5rem;
}
.box-title-content {
text-align: center;
background-color: rgb(161, 14, 47);
color: rgb(255, 255, 255);
opacity: 1;
text-decoration-color: rgb(255, 255, 255);
}
.box-title .lead{
text-align: center;
}
.box-title .lead-content{
text-align: center;
margin: 0;
}
.box-title .lead-note{
text-align: center;
font-size: 1rem;
margin: 0;
}
