@media(max-width: 900px){
	main .row{display: block;}

	[class*="col-"] {width: 100%;}

	.card-noticia{
		width: auto !important;
	}

	.display-1{font-size: 2rem;}
	.display-2{font-size: 1.8rem;}
	.display-3{font-size: 1.6rem;}
	.display-4{font-size: 1.4rem;}

	main p{font-size: 1.3rem;}

	.page-title{font-size: 2rem;}
	
	#navbar-desktop{display: none;}
	#navbar-mobile{display: flex; position: fixed;}

	#navbar-mobile .logo{
		margin: auto;
		transition: all .3s;
	}

	#navbar-mobile .logo img{
		margin: auto;
		height: 60px;
	}

	#navbar-mobile nav{
		display: flex;
		align-items: center;
		width: 100%;
	}

	#navbar-mobile nav #menu{
		transition: all .3s;
		background: #f9f9f9;
		position: absolute;
		top: 0;
		left: -100%;
		width: 100%;
		height: 100vh;
		overflow: auto;
	}

	#menu .nav-link{
		transition: all .3s;
		text-decoration: none;
		color: #333;
		display: block;
		padding: 15px;
	}

	#menu .dropdown{
		display: block;
	}

	#menu .dropdown-content{
		box-shadow: none;
		position: initial;
		margin-top: 0;
		display:block;
	}

	#menu .dropdown-content a{
		padding-left: 30px;
	}

	#menu [class*='btn-']{
		margin: 15px;
	}

	#menu .nav-link:hover{background: #eee;}

	#open-menu{
		padding: 25px 20px;
		font-size: 1.3rem;
		position: absolute;
		color: #f07c00;
	}

	#banner-prev,
	#banner-next{
		background-color: #00000050;
		height: 100px;
		width: 100px;
		top: calc(100% - 100px);
	}
}