/*
 Documento CSS do Conta Azul Fim de Ano
 Seguindo os padrões do Bootstrap - http://getbootstrap.com/css/#grid-media-queries
 Criador: Lucas Milanez
 Data: 03/12/2018
 */

/* ------------------------------------------------------------------------------- */
/* Large devices (large desktops, 1200px and up) - col-lg-*
/* ------------------------------------------------------------------------------- */

@media (min-width: 1200px) {
}

/* ------------------------------------------------------------------------------- */
/* Medium devices (desktops, 992px and up) - col-md-*
/* ------------------------------------------------------------------------------- */

@media (min-width: 992px) {}

/* ------------------------------------------------------------------------------- */
/* Small devices (tablets, 768px and max 991px) - col-sm-*
/* ------------------------------------------------------------------------------- */

@media (min-width: 768px) and (max-width: 991px) {

	.vcenter {
		display: block;
		float: left;
	}

	/* ------------------------------ */
	/* Hero
	/* ------------------------------ */

	.hero .container::before {
		background-image: unset;
	}

	/* ------------------------------ */
	/* Slide
	/* ------------------------------ */

	.slide h2,
	.slide p {
		padding: 0 5%;
	}

	.slide h2 {
		font-size: 36px;
		line-height: 45px;
	}

	.slide p {
		font-size: 20px;
		line-height: 30px;
		margin: 40px auto;
	}

	.slide .btn {
		margin-left: 5%;
	}

	/* ------------------------------ */
	/* Bridge ACC
	/* ------------------------------ */

	.bridge-acc {
		background: #F1F4F9;
	}
}

/* ------------------------------------------------------------------------------- */
/* Extra small devices (phones, less than 768px) - col-xs-*
/* ------------------------------------------------------------------------------- */

@media (max-width: 767px) {

	.vcenter {
		display: block;
		float: left;
	}

	/* ------------------------------ */
	/* Hero
	/* ------------------------------ */

	.hero .container::before {
		background-image: unset;
	}

	/* ------------------------------ */
	/* Slide
	/* ------------------------------ */

	.slide .row:first-child {
		margin-bottom: 40px;
	}

	.slide h2,
	.slide p {
		padding: 0;
	}

	.slide h2 {
		font-size: 36px;
		line-height: 45px;
	}

	.slide p {
		font-size: 20px;
		line-height: 30px;
		margin: 40px auto;
	}

	.slide .btn {
		width: 100%;
		margin-left: 0;
	}

	/* ------------------------------ */
	/* Bridge NF
	/* ------------------------------ */

	.bridge-nf h2 {
		margin-top: 60px;
	}

	/* ------------------------------ */
	/* Bridge Finance Control
	/* ------------------------------ */
	
	.bridge-finance-control {
		background: #2687E9;
		padding: 70px 0;
	}

	.bridge-finance-control h2 {
		margin-top: 40px;
	}

	.bridge-finance-control p {
		margin: 40px auto;
	}

	.bridge-finance-control .btn {
		width: 100%;
	}

	/* ------------------------------ */
	/* Bridge ACC
	/* ------------------------------ */

	.bridge-acc {
		background: #F1F4F9;
	}

	.bridge-acc h2 {
		margin-top: 0;
	}
}