/*
 Documento CSS do Sobre
 Seguindo os padrões do Bootstrap - http://getbootstrap.com/css/#grid-media-queries
 Data: 19/12/2019
 */

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

/* @media (min-width: 1441px) {
	h1 {
		margin-top: 8%;
	}
}

@media (min-width: 1900px) {
	h1 {
		margin-top: 18%;
	}
} */

/* ------------------------------------------------------------------------------- */
/* 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) {

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

	.hero::before {
		display: none;
	}

	.hero .hero-header {
		margin-bottom: 10px;
	}

	.hero .hero-content picture::after {
		display: none;
	}

	.hero .hero-content-text {
		position: relative;
		padding-top: 45px;
		padding-bottom:110px;
	}

	.hero .hero-content-text::before {
		content: '';
		position: absolute;
		right: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: #00aff0;
		z-index: -1;
	}

	.hero .hero-content h1 {
		font-size: 51px;
		color: #FFF;
	}

	.hero .hero-content p {
		font-family: 'pingpong-regular';
		font-size: 26px;
		line-height: 29px;
		color: #FFF;		
	}

	.hero .hero-content .form-register .field-group .btn {
		width: 100%;
	}

	/* ------------------------------------------------------------------------------- */
	/* Alterned Content
	/* ------------------------------------------------------------------------------- */

	.alterned-content .alterned-content-itens .alterned-content-itens-image::before {
		display: none;
	}

	/* ------------------------------------------------------------------------------- */
	/* Testimonial
	/* ------------------------------------------------------------------------------- */

	.testimonial .testimonial-video {
		background-size: auto 165px;
	}

	/* ------------------------------------------------------------------------------- */
	/* Ebook
	/* ------------------------------------------------------------------------------- */

	.ebook {
		padding: 100px 0;
	}

	.ebook .ebook-content {
		padding-bottom: 100px;
	}

}

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

@media (max-width: 767px) {

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

	.hero {
		padding-bottom: 0;
	}

	.hero::before {
		display: none;
	}

	.hero .hero-header {
		margin-bottom: 10px;
	}

	.hero .hero-content picture::after {
		display: none;
	}

	.hero .hero-content-text {
		position: relative;
		padding-top: 45px;
		padding-bottom:110px;
	}

	.hero .hero-content-text::before {
		content: '';
		position: absolute;
		right: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: #00aff0;
		z-index: -1;
	}

	.hero .hero-content h1 {
		font-size: 48px;
		line-height: 1;
		color: #FFF;
	}

	.hero .hero-content p {
		font-family: 'pingpong-regular';
		font-size: 26px;
		line-height: 29px;
		color: #FFF;		
	}

	.hero .hero-content .form-register .field-group .btn {
		width: 100%;
	}

	/* -------------------------------------- */
	/*  Alterned Content
	/* -------------------------------------- */

	.alterned-content .alterned-content-itens-mobile {
		margin: auto;
	}

	.alterned-content .alterned-content-itens-mobile .alterned-content-itens-mobile-text {
		padding: 36px 26px 39px 21px;
		border-bottom-left-radius: 14px;
		border-bottom-right-radius: 14px;
		background: #fff;
	}

	.alterned-content .alterned-content-itens-mobile img {
		border-top-left-radius: 14px;
		border-top-right-radius: 14px;
	}

	.alterned-content .alterned-content-itens-mobile h3 {
		font-family: 'pingpong-bold';
		font-size: 26px;
		line-height: 36px;
		color: #2687e9;
	}

	.alterned-content .alterned-content-itens-mobile p {
		font-family: 'pingpong-regular';
		font-size: 18px;
		line-height: 28px;
		color: #595959;
		margin: 24px auto 30px;
	}

	.alterned-content .alterned-content-itens-mobile .btn {
		width: 70%;
		margin: auto;
	}

	/* ------------------------------------------------------------------------------- */
	/* Testimonial
	/* ------------------------------------------------------------------------------- */

	.testimonial {
		padding: 0 0 90px 0;
	}

	.testimonial h2 {
		font-size: 36px;
		line-height: 44px;
	}

	.testimonial .testimonial-video {
		background: url('../images/testimonial/pattern-vertical.png') left top 73% repeat-x;
		background-size: auto 80px;
	}

	.testimonial .testimonial-video iframe {
		width: 100%;
		height: 100%;
	}

	.testimonial .testimonial-text {
		padding: 50px 0;
	}

	.testimonial .testimonial-text::before {
		display: none;
	}

	.testimonial .btn.btn-white {
		width: 60%;
	}

	/* ------------------------------------------------------------------------------- */
	/* Integrations
	/* ------------------------------------------------------------------------------- */

	.integrations .integration-card-block::before {
		display: none;
	}

	/* ------------------------------------------------------------------------------- */
	/* Features
	/* ------------------------------------------------------------------------------- */

	.features .features-image::before {
		display: none;
	}

	.features .features-cards {
		margin-bottom: 50px;
	}

	.features .features-cards .features-cards-itens {
		text-align: left !important;
		margin-bottom: 20px;
	}

	.features .features-cards .features-cards-itens a::before {
		content: '';
		position: absolute;
		top: 35px;
		right: 15px;
		width: 14px;
		height: 9px;
		background: url('../images/features/arrow-down.svg') right center no-repeat;
		background-size: 14px 9px;
		transform: rotate(180deg);
	}
	
	.features .features-cards .features-cards-itens a.collapsed::before {
		transform: rotate(0deg);
	}

	.features .btn {
		width: 60%;
	}

	/* ------------------------------------------------------------------------------- */
	/* Ebook
	/* ------------------------------------------------------------------------------- */

	.ebook {
		padding: 100px 0;
	}

	.ebook .ebook-content {
		padding-bottom: 100px;
	}

	.ebook .ebook-content h2 {
		font-size: 27px;
		line-height: 36px;
		margin-bottom: 30px;
	}

	.ebook .ebook-content h2 small {
		font-size: 17px;
		line-height: 24px;
	}

	.ebook .ebook-content a {
		font-family: 'pingpong-medium';
		font-size: 16px;
		line-height: 16px;
		color: #00aff0;
	}

}