.fond-media
{
    background-image: url(../img_media/fond.jpg);
    background-size: cover; 

}

.title-media
{
   color: rgba(148, 26, 26, 0.741);
   text-decoration: none;
   font-family: 'Rubik Distressed', cursive;
   font-size: 600%;
   text-shadow: 0 0 1px black;
}

.subtitle-media
{
text-align: left;
font-family: 'Michroma', sans-serif;
font-size: 200%;
color: #ffffff67;


}
.bloc-media
{

    margin: 0% 15% 50px 15%;
    padding:20px;
    background-image: url(../img_media/fond-fond.jpg);
    background-size: cover; 
    background-attachment:fixed;
    border:12px solid black;
    outline: ridge 8px rgb(65, 65, 65);              
}

/*------------------------------*/

@media only screen and (max-width:768px)
{
    .bloc-media{margin: 5% 5% 10% 5%;}
    .title-media{font-size: 400%;}
}