﻿@media (max-width: 1024px) {
	body{
		overflow-x: hidden;
		width: auto;
	}

	.navbar {
	padding-top: 2rem;
	}

	h2.section-title-heading-light {
	padding: 1.6rem;
	text-align: center;
	font-weight: 700;
	font-size: 1.8rem;
	}

	h2.section-title-heading-dark {
	padding: 1.6rem;
	text-align: center;
	font-weight: 700;
	font-size: 1.8rem;
	}

	#features {
    padding-right: 3rem;
	}
	
	#left-col{
	background-color: var(--body-color);
	margin: 24px 16px 24px 0px;
	padding: 24px 8px 24px 0px;
	}
	#right-col{
		background-color: var(--fondo-celeste);
		margin: 24px 0px 24px 0px;
		padding: 24px 0px 24px 0px;
	}

	#int-success-left-col p{
		font-size: .8rem;
	color: var(--section-title-color-dark);
	text-align: left;
	}
	#int-success-left-col h3{
		font-size: 1rem;
	}
	#int-success-left-col .carousel-indicators{
		top: 32rem;
	}
	#int-left-col-box{
		padding: 0rem 2rem 2rem 2rem;
		margin: 0rem 3rem 2rem 3rem;
		background-color: #fff;
		border-radius: 24px;
		text-align: center;
	}
	#section-careers{
	padding: 2rem 0rem;
	}
	#play-video .container-fluid{
		padding: 0rem 0rem 0rem .1rem;
	}
}

@media (max-width: 992px) {

	.navbar-collapse {
		background: rgba(23,45,95,.95);
		padding-left: 1rem;
	}

	#main-hero-content {
		padding: 1rem;
		background-color: rgba(23,45,95,.7);
		margin-top: 0rem;
	}
	#main-hero-content h1{
		color: var(--section-title-color-light);
	}
	#main-hero-content p{
		color: var(--section-title-color-light);
		margin-bottom: 0rem;
	}
	#language{
	float:right!important;
	padding-left: 32%;
	}

	/* Hero section*/
	.image-box img{
		max-width:88%;
		height:auto;
		/*display: none;*/
	}
	#success-stories{
	/*background-color: var(--fondo-celeste);*/
	background-image: url("dualColorBG-H.gif");
	background-position: center;
	background-repeat: repeat-x;
	}
}

@media (max-width: 768px) {
	.navbar {
	padding-top: 1.2rem;
	}
	/* Hero section*/
	.main-hero-content h1 {
		text-align: center;
	}
	.main-hero-content p {
		text-align: center;
	}
	/* About section */
	#about {
	padding-bottom: 5rem;
	}
	#about::after {
		height: 4%;
	}
	/* Features section */
	#features .device img {
		margin-bottom: 2rem;
	}
	#features {
		margin-top: -1rem;
	}

	/* Round Boxes */
	#round-box-left {
		width: 99;
	/*padding: 30px;
	background-color: #fff;
	border: 3px #fff;*/
	border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;
	text-align: left;
	}

	#round-box-right {
		width: 99%;
	/*padding: 30px;
	background-color: #fff;
	border: 3px #fff;*/
	border-top-right-radius: 16px;
	border-bottom-right-radius: 16px;
	text-align: left;
	}

	#right-col{
	margin: 80px 96px 24px 96px;
	padding: 24px 0px 0px 24px;
	}
}

/*@media (max-width: 768px) {}*/

@media (max-width: 420px) {
	#hero {
		background-color: var(--bckgr-newest);
		background-size: cover;
		background-repeat: no-repeat;
		padding-top: 15rem;
		padding-bottom: 4rem;
		position: relative;
		z-index: 20;
	}

	#heroENG {
		background-color: var(--bckgr-newest);
		background-size: cover;
		background-repeat: no-repeat;
		padding-top: 15rem;
		padding-bottom: 4rem;
		position: relative;
		z-index: 20;
	}
	#main-hero-content h1{
		font-size: 1rem;
	line-height: 1rem;
	letter-spacing: 0rem;
	margin-bottom: 0.2rem;
	}
	#main-hero-content p{
		font-size: 0.8rem;
	}
	#bottom {
		position:relative;
		top:-8rem;
		right:0rem;
		bottom:0rem;
		left:0rem;
		margin-left: 0.5rem;
		padding-left: 0.5rem;
	}
	#language{
	float:right!important;
	padding-left: 10%;
	}
	/* Hero section*/
	.image-box img{
		max-width:88%;
		height:auto;
		/*display: none;*/
		position: relative;
		margin-left: 10%;
  		margin-right: auto;
		margin-top: 4rem;

	}
	.intro {
		display: none;
	}

	#features {
    padding-right: 1.7rem;
	}
	/* Round Boxes */
	#round-box-left {
		width: 99;
		/*padding: 30px;
		background-color: #fff;
		border: 3px #fff;*/
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
		text-align: left;
	}

	#round-box-right {
		width: 99%;
		/*padding: 30px;
		background-color: #fff;
		border: 3px #fff;*/
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		text-align: left;
	}
	#left-col{
		background-color: var(--body-color);
		margin: 0px 8px 24px 24px;
		padding: 8px 8px 24px 0px;
	}
	#right-col{
		background-color: var(--fondo-celeste);
		margin: 24px 1px 0px 0px;
		padding: 24px 0px 24px 0px;
	}
	#int-success-left-col .carousel-indicators{
	top: 30rem;
	}
	#int-success-stories{
		/*background-color: var(--fondo-celeste);*/
		background-image: url("dualColorBG-H-reverse.gif");
		background-position: center;
		background-repeat: repeat-x;
	}
	#section-careers{
		padding: 1rem 0.1rem;
	}
	#lightBlue{
		padding: 1rem 1rem 1rem 2.5rem;
	}
	#white{
		padding: 1rem 1.5rem 1rem 2.5rem;
	}
	#page-intro-green{
		padding: 5rem;
	}
	#page-intro p {
		padding: 1rem;
		margin-top: 0rem;
		margin-bottom: 0rem;
	}
	#section-red-back {
		padding: .1rem;
	}
	#section-dark-blue-back {
		padding: .1rem;
	}
	#play-video .container-fluid{
		padding: 0rem 0rem 0rem 3rem;
	}
}
