@import url(./gotham/gotham_fonts.css);

/* @import url("https://fonts.googleapis.com/css?family=Montserrat:400,700");
@import url("https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic"); */

@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700|Lato:400,700");

@import url(./css/bootstrap.css);

.banner-logo {
	height: auto !important;
	width: 25vw !important;
	/* background-color: rgba(255, 255, 255, 0.5); */
	padding: 2.5vh;
	/* border-radius: 20px; */
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
}

@media only screen and (max-width: 767px) {
 	logocelular img {
	width: 50px !important;
}
   
}

@media (max-width: 800px) {
	.banner-logo {
		height: auto !important;
		width: 50vw !important;
		/* background-color: rgba(255, 255, 255, 0.5); */
		padding: 2.5vh;
		/* border-radius: 20px; */
	}
}

.justificado{
	text-align: justify;
}

.justificado_custom{
	text-align: justify;
	padding: 0px 10px;
}



.pro-section-heading {
	font-size: 1.5em;
	font-weight: bolder;
}

.submit-btn {
	width: 20vw;
	color: white;
	background: rgb(0, 154, 70) !important;
	background-color: rgb(0, 154, 70) !important;
	border-color: rgb(0, 154, 70) !important;
}

@media (max-width: 750px) {
	.send-btn {
		width: 90%;
	}
}

/* #region Changes */

:root {
	--app-color: rgb(0, 88, 42);
	--font-bold: gotham_bold;

	font-size: 12px;
}

body {
	font-family: gotham;
}

@media (min-width: 992px) {
	:root {
		font-size: 16px;
	}

	.masthead .masthead-heading {
		font-size: 3.5rem;
	}

	.masthead .masthead-subheading {
		font-size: 1.4rem;
	}
}

/* #endregion */

/* #region Grids */

.custom-grid {
	display: grid;
	grid-template-areas: "left" "right" "center";
}

.custom-grid :first-child {
	grid-area: left;
}
.custom-grid :nth-child(2) {
	grid-area: center;
}
.custom-grid :last-child {
	grid-area: right;
}

@media (min-width: 768px) {
	.custom-grid {
		grid-template-areas: "left center right";
	}
}

/* #endregion */

/* #region Lists */

.bullet-list-left,
.bullet-list-right {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-around;

	padding: 0 2rem;
	list-style: none;
	--bullet-size: 25px;
	--bullet-gap: 20px;
}

.bullet-list-left li,
.bullet-list-right li {
	display: flex;
	align-items: center;
}
.bullet-list-right li {
	justify-content: end;
	text-align: right;
}

:is(.bullet-list-left, .bullet-list-right) li::before,
:is(.bullet-list-left, .bullet-list-right) li::after {
	content: "";
	display: none;
	flex: 0 0 auto;
	width: var(--bullet-size);
	height: var(--bullet-size);

	background-image: url("./img/marker.png");
	background-size: cover;
	background-position: center;
}

:is(.bullet-list-left, .bullet-list-right) li::before {
	margin-right: var(--bullet-gap);
}
:is(.bullet-list-left, .bullet-list-right) li::after {
	margin-left: var(--bullet-gap);
}

.bullet-list-left li::before {
	display: inline-block;
}
.bullet-list-right li::after {
	display: inline-block;
}

/* #endregion */

/* #region Tables */

.custom-table {
	text-align: center;
}

.custom-table :is(td, th) {
	padding-top: 1vh;
	padding-bottom: 1vh;
	vertical-align: middle;
	font-size: 1rem;
}
.custom-table th {
	font-family: var(--font-bold);
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.2;
}
.custom-table thead {
	text-transform: uppercase;
}
.custom-table thead th {
	padding: 1.5ch 0;
}
.custom-table tbody th {
	font-size: 1rem;
}

@media (min-width: 768px) {
	.custom-table th {
		font-size: 1.5rem;
	}
	.custom-table td {
		font-size: 1.5rem;
	}
}

/* #endregion */

/* #region #mainNav */

#mainNav {
	--logo-w: 20vw;
	--logo-m: 35vw;
	--logo-p: 0;
}

#mainNav .header-logo {
	padding-left: var(--logo-p);
	padding-right: var(--logo-p);
}
#mainNav .header-logo img {
	width: var(--logo-w) !important;
}
@media only screen and (max-width: 733px) {
 #mainNav .header-logo img {
	width: var(--logo-m) !important;
}
  
  
}
#mainNav .nav-item {
	font-size: 1.2rem;
}
#mainNav li.nav-item > a.nav-link.active {
	background: rgb(0, 154, 70);
}

#mainNav.navbar-shrink {
	padding-top: 2.5rem;
	background-color: rgba(0, 88, 42, 1) !important;
	--bs-bg-opacity: 1;
}
@media (min-width: 992px) {
	#mainNav.navbar-shrink {
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}
}

/* #endregion */

/* #hero */

#hero {
	background-image: url("./img/backgrounds/home-first.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

@media (min-width: 992px) {
	/* #hero */
	#hero .masthead-heading {
		font-size: 3rem;
	}
}

/* #pros */

.portfolio-item img {
	border-radius: 50px;
}

@media (max-width: 767.99999px) {
	.bullet-list-right li {
		justify-content: start;
	}
	.bullet-list-right li::after {
		display: none;
	}
	.bullet-list-right li::before {
		display: inline-block;
	}
}

/* #plans */

#plans {
	background-image: url("./img/backgrounds/planes.png");
	background-repeat: no-repeat;
	background-size: cover;
}

#plans .is-bigger {
	margin-top: 0.5ch;
	font-size: 4.5rem;
}

#plans table {
	color: white;
	--bs-table-hover-color: white;
}
#plans thead {
	color: var(--app-color);
	background-color: white;
}
#plans tbody img {
	width: 24px;
	height: auto;
}

@media (min-width: 768px) {
	#plans tbody img {
		width: 24px;
	}
}

/* #cloud */

#cloud table {
	color: var(--app-color);
	--bs-table-hover-color: var(--app-color);
}
#cloud thead {
	background: var(--app-color);
	color: white;
}

/* #contact */

#contact form label {
	font-size: 1.2rem;
}
#contact form :is(input, textarea) {
	font-size: 1rem;
}
#contact form textarea {
	height: calc(5.5rem + 3ch);
}

/* #copyright */

#copyright {
	background-color: transparent;
}
#copyright img {
	width: 60vw !important;
}
@media (min-width: 768px) {
	#copyright img {
		width: 20vw !important;
	}
}

/* utility */

.use-bold,
.use-bold > * {
	font-family: var(--font-bold) !important;
	font-weight: 700 !important;
	letter-spacing: -0.04em;
}
.use-color {
	color: var(--app-color) !important;
}