.introduction {
padding-left: 7rem;
padding-right: 4rem;
padding-bottom: 1rem;
padding-top: 0rem;
}

@media screen and (max-width: 900px) {
.introduction {
padding: 0rem;
margin: auto auto 2vh;

}

.media_icon {
width: 100px !important;
height:100px !important;
}

}

.top_logo {font-size: 5rem;
transform: translateY(25%); }

#audio .titre_section {display: none !important;}
.site_name {display: none;}
.titre_section .audio {display: none;}
.image_border {box-shadow: 0 0 0 white !important;}
.media_menu { height: 7rem !important;}
.media_icon {
border: 0px solid !important;
color: transparent !important;
background-size: contain;     /* Force l'image à être entièrement visible */
background-position: center;  /* Centre l'image */
background-repeat: no-repeat; /* Empêche la répétition si l'image est plus petite */
width: 120px;
height:120px;
}

.media_icon:nth-child(1) {background-image: url(psc.jpg) !important;}
.media_icon:nth-child(2) {background-image: url(amf.jpg) !important;}
.media_icon:nth-child(3) {background-image: url(relativity.jpg) !important;}