body {
          background-image: url('fondall.jpg');
          background-repeat: repeat-y;
          background-size: contain;
        }
        h1 {
          margin-left: 7%;
        }
        .container {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
	    margin: 5%;
        }
        .button {
            flex: 1 1 45%;
            margin: 10px;
            padding: 15px;
            background-color: #007BFF;
            color: white;
            border: none;
            cursor: pointer;
            font-size: 16px;
            text-align: center;
        }
        .button:hover {
            background-color: #0056b3;
        }
	.b1 {
	    background-color: #0177bd;
	}
	.b1:hover {
	    background-color: #004b77;
        }
	.b2 {
            background-color: #af61db;
        }
        .b2:hover {
            background-color: #63009a;
        }
	.b3 {
            background-color: #35cd3c;
        }
        .b3:hover {
            background-color: #009407;
        }
        .b4 {
            background-color: #fc9a01;
        }
        .b4:hover {
            background-color: #935900;
        }
        @media (max-width: 600px) {
            .button {
                flex: 1 1 100%;
            }
        }
	video {
	    max-width: 100%;
	}