@media screen and (max-width: 768px) { 
    .g-content {margin: 0.225rem 0.625rem 0.5rem 0.625rem;}
    .bouton-1 {background-color: #0a0f39; height: 50px; justify-content: center; padding-top:9px;}
    .bouton-1:hover {background-color: #1cade4;}
     .bouton-2 {background-color: #ee168a; height: 50px; justify-content: center; padding-top:9px;}
    .bouton-2:hover {background-color: #1cade4;}
     .bouton-3 {background-color: #c3b1a3; height: 50px; justify-content: center; padding-top:9px;}
    .bouton-3:hover {background-color: #1cade4;}
     .bouton-4 {background-color: #2d3042; height: 50px; justify-content: center; padding-top:9px;}
    .bouton-4:hover {background-color: #1cade4;}
    .texte-bouton {font-size: 1.3rem; color: #ffffff; text-decoration: none; font-weight: 900;}
    .texte-bouton:a {text-decoration:none; color: #ffffff;}
}


@media screen and (min-width: 768px) {
    .g-content {margin: 0.225rem 10rem 0.5rem 10rem;}
    .bouton-1 {background-color: #0a0f39; height: 150px; justify-content: center;padding-top:35px;}
    .bouton-1:hover {background-color: #1cade4;}
    .bouton-2 {background-color: #ee168a; height: 150px; justify-content: center; padding-top:35px;}
    .bouton-2:hover {background-color: #1cade4;}
    .bouton-3 {background-color: #c3b1a3; height: 150px; justify-content: center; padding-top:35px;}
    .bouton-3:hover {background-color: #1cade4;}
    .bouton-4 {background-color: #2d3042; height: 150px; justify-content: center; padding-top:35px;}
    .bouton-4:hover {background-color: #1cade4;}
      .texte-bouton {font-size: 1.5rem; color: #ffffff; text-decoration: none; font-weight: 900;}
    .texte-bouton:a {text-decoration:none; color: #ffffff;}

     .video-responsive { 
        overflow:hidden; 
        padding-bottom:56.25%; 
        position:relative; 
        height:0;
      }

      .video-responsive iframe {
          left:0; 
          top:0; 
          height:100%;
          width:100%;
          position:absolute;
      }
  }
  
@media (min-width: 768px) {

    .bouton-1 {background-color: #0a0f39; height: 150px; justify-content: center;}
    .bouton-1:hover {background-color: #1cade4;}
     .texte-bouton {font-size: 1.5rem; color: #ffffff; text-decoration: none; font-weight: 900;}
    .texte-bouton:a {text-decoration:none; color: #ffffff;}
    .texte-bouton:hover {text-decoration:none; color: #ffffff;}
     .bouton-2 {background-color: #ee168a; height: 150px; justify-content: center;}
    .bouton-2:hover {background-color: #1cade4;}
    .bouton-3 {background-color: #c3b1a3; height: 150px; justify-content: center;}
    .bouton-3:hover {background-color: #1cade4;}
    .bouton-4 {background-color: #2d3042; height: 150px; justify-content: center;}
    .bouton-4:hover {background-color: #1cade4;}  
    .backmenu .g-social a {color: #fff;}
     #g-footer {border-top: 1px solid;}

  }
  
.g-offcanvas-toggle {
	color: #c3b1a3;
	padding-top: 1.5rem;
}
#g-offcanvas, #g-offcanvas #g-mobilemenu-container ul {
	background: #c3b1a3;
}