.topheader {
	margin-bottom: 35px;
}
.topheader h1 {
    text-align: center;
    font-size: 26px;
    color: #00727A;
    display: grid;
    align-items: center;
    justify-content: center;
}
#content{
	border: 3px solid #007885;
	color: #fff;
	background: #57BAB6;
    display: grid;
    align-items: center;
    justify-content: center;
    padding: 32px 15px;
    text-align: left;
        margin-bottom: 20px;
}
div#content p {
    font-size: 20px;
    font-family: arial,serif;
}

a.btn-custom-default {
    background: linear-gradient( #efa5a5, #c12020);
    background: -webkit-linear-gradient(  #efa5a5, #c12020);
    background: -moz-linear-gradient(  #efa5a5, #c12020);
    background: -ms-linear-gradient( #efa5a5, #c12020);
    background: -o-linear-gradient(  #efa5a5, #c12020);
    background: linear-gradient(  #efa5a5, #c12020);
    border: none;
    color: white;
    font-size: 20px;
    height: 32px;
    width: 100%;
    border-radius: 10px;
    max-width: 260px;
    margin: 15px auto;
    text-align: center;
    text-decoration: none;
    margin-top: 42px;
    padding: 12px
}
.cadre{margin-top:70px}
#p2{margin-top: 12px}
@media(max-width: 768px){
    body {
        text-align: center;
    }
    img.img-responsive {
        margin: 0 auto;
    }
    .col-sm-4 img{
        width: 170px
    }
    .col-sm-2 img{
        height: 85px
    }
  #content{padding:10px 15px;display: block;line-height: 1.2}
  /*#p2{margin-top: 36px}*/
.topheader h1{font-size: 20px}
    .cadre{margin-top:10px}
    div#content p{font-size: 22px}
    a.btn-custom-default {font-size: 18px;margin-top: 155px;}
}
@media(max-width: 517px){
     div#content p{font-size: 16px}
     /*#content{height: 200px}*/
}
@media(max-width: 408px){
     a.btn-custom-default {font-size: 18px;margin-top: 185px;}
}
#video-fond{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    display: block;
}
#video-fond > video {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}