/*MENU*/
.navbar-default{
	background-color: darkgray;
	border-color: #9B9793;
	font-size: 14px;
}	
.container-coloquio{				
				display: flex;
				flex-wrap: wrap;
				margin-top: 20px;
				justify-content: center;
				align-content: center;				
			}

			.coloquio{
				margin: 20px;
				background: #fff;
				padding: 20px;
				text-align: center;
				border-radius: 10px;
				box-shadow: 0px 0px 40px 2px black;
				height: 600px;
		}
        .coloquio2{
				margin: 20px;
				background: #fff;
				padding: 20px;
				text-align: center;
				border-radius: 10px;
				box-shadow: 0px 0px 40px 2px black;
				height: 600px;
		}
			.panel-coloquio{
				margin: auto;
				vertical-align: middle;
				width: 100%;
				height: 60px;
				background-size: cover;
				color: white;
				font-size: 20px;
				justify-content: center;
				text-align: center;
				background: #800101;
				position: relative;
				top: -30px;
				box-shadow: 0px 0px 30px -6px black;	
		}
			.button {
				background-color: #800101; /* Green */
				border: medium;
				padding: 15px 32px;
				text-align: center;
				text-decoration: none;
				display: inline-block;
				margin: 4px 2px;
				cursor: pointer;
	 }
			.button3 {font-size: 16px;}

@media (max-width: 412px) {
	.coloquio2{height: 950px;}
    .coloquio{height: 650px;}
}