/* Responsive CSS */

/* Mobile Styles */
@media only screen and (min-width: 320px) and (max-width: 767px) {
	.navbar-r {
		margin: 0 16px;
		padding: 16px 0;
	}

	.navbar-r .content {
		padding: 0;
	}

	.nav-menu {
		justify-content: end;
		margin-left: auto;
	}

	.nav-menu li {
		margin-right: 0px;
		text-align: center;
	}

	.navbar-r .content .buttons {
		display: none;
	}

	.jumbotron {
		background-size: 300px 300px;
		height: 720px;
	}

	.jumbotron .content {
		padding: 60px 24px;
		text-align: left;
	}
	.jumbotron .content h3 {
		font-size: 20px;
	}

	.jumbotron .content h1 {
		font-size: 32px;
	}

	.jumbotron .content p {
		font-size: 16px;
	}

	.core-values {
		padding: 0;
		height: auto;
		padding-bottom: 80px;
	}
	.core-values .content {
		padding: 0;
	}

	.core-values .content .header-image {
		margin-top: -150px;
		height: 200px;
	}

	.core-values-content {
		max-width: 100%;
		padding: 0 20px;
		margin-top: 80px;
	}

	.core-values-content h2::after {
		display: none;
	}

	.core-values-content .value-content {
		flex-wrap: wrap;
		flex-direction: column;
	}

	.about .content {
		padding: 0;
	}

	.about .content .box {
		height: auto;
		flex-direction: column;
	}

	.about .content .box .image {
		flex: auto;
		height: 150px;
	}
	.about .content .box .text {
		height: auto;
		padding: 50px 0;
	}
	.about .content .box .text h2,
	.about .content .box .text p,
	.about .content .box .text .cta {
		padding: 20px 20px;
		margin: 0 auto;
	}

	.founder {
		background-size: 150px 150px;
	}

	.founder .content {
		padding: 80px 20px;
	}

	.founder .content .image {
		height: 150px;
		width: 150px;
	}

	.products .content {
		padding: 50px 20px;
	}

	.products .content h2::after {
		display: none;
	}

	.products .content .products-content {
		flex-direction: column;
	}

	.products-content .text .cta a {
		text-decoration: none;
		font-weight: bold;
	}

	.products-content .text .cta a .button {
		display: flex;
		flex-direction: row;
	}

	.products-content .text .cta a .button img {
		margin-left: auto;
	}

	.footer .content {
		padding: 80px 20px;
		flex-direction: column;
		align-items: center;
		align-content: center;
		text-align: center;
	}

	.footer .content .info {
		margin-top: 70px;
	}

	.content {
		padding-left: 20px;
	}
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
	.nav-bar {
		margin: 16px 0px;
		padding: 0;
	}

	.jumbotron {
		background-size: 200px 200px;
		height: 720px;
	}

	.certificates {
		height: 50px;
	}
	.core-values .content .header-image {
		margin-top: -90px;
		height: 200px;
	}
}

/* Tablet Styles */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
}

/* Desktop Styles */
@media only screen and (min-width: 1024px) {
}