@media (max-width: 768px) {

	.navbar-toggle .icon-bar{
		background-color: #fff;
	}

	.navbar-toggle{
		padding-top: 50px;
		padding-bottom: 40px;
	}


	.navbar-collapse{
		background-color: #24272d;
	}

	#principal{
		background-color: #3b4151;
		padding-top: 200px;
		height: 1750px;
	}
	#principal h1, h2, p{
		text-align: center;
	}

	iframe{
		width: 100%;
		height: 400px;
		margin-top: 40px;
		margin-bottom: 50px;
	}

	#principal hr{
		margin-bottom: 100px;
	}

	footer{
		height: 100px;
	}

}