@font-face {
font-family: 'Berthold Akzidenz Grotesk BE Extra Bold Condensed';
font-style: normal;
font-weight: normal;
src: local('Berthold Akzidenz Grotesk BE Extra Bold Condensed'), url('../fonts/Berthold-akzidenz-grotesk-be-extra-bold-condensed.woff') format('woff');
}

@font-face {
font-family: 'Berthold Akzidenz Grotesk BE Condensed';
font-style: normal;
font-weight: normal;
src: local('Berthold Akzidenz Grotesk BE Condensed'), url('../fonts/Berthold-akzidenz-grotesk-be-condensed.woff') format('woff');
}

@font-face {
font-family: 'Berthold Akzidenz Grotesk BE Extended';
font-style: normal;
font-weight: normal;
src: local('Berthold Akzidenz Grotesk BE Extended'), url('../fonts/Berthold-akzidenz-grotesk-be-extended.woff') format('woff');
}

@font-face {
font-family: 'Berthold Akzidenz Grotesk BE Extra Bold';
font-style: normal;
font-weight: normal;
src: local('Berthold Akzidenz Grotesk BE Extra Bold'), url('../fonts/Berthold-akzidenz-grotesk-be-extra-bold.woff') format('woff');
}

@font-face {
font-family: 'Berthold Akzidenz Grotesk BE Regular';
font-style: normal;
font-weight: normal;
src: local('Berthold Akzidenz Grotesk BE Regular'), url('../fonts/Berthold-akzidenz-grotesk-be-regular.woff') format('woff');
}

@font-face {
font-family: 'Berthold Akzidenz Grotesk BE Super';
font-style: normal;
font-weight: normal;
src: local('Berthold Akzidenz Grotesk BE Super'), url('../fonts/Berthold-akzidenz-grotesk-be-super.woff') format('woff');
}

@font-face {
font-family: 'Berthold Akzidenz Grotesk BE Extra Bold Condensed Italic';
font-style: normal;
font-weight: normal;
src: local('Berthold Akzidenz Grotesk BE Extra Bold Condensed Italic'), url('../fonts/Berthold-akzidenz-grotesk-be-extra-bold-condensed-italic.woff') format('woff');
}

@font-face {
font-family: 'Berthold Akzidenz Grotesk BE Italic';
font-style: normal;
font-weight: normal;
src: local('Berthold Akzidenz Grotesk BE Italic'), url('../fonts/verthold-akzidenz-grotesk-be-italic.woff') format('woff');
}

@font-face {
font-family: 'Berthold Akzidenz Grotesk BE Light';
font-style: normal;
font-weight: normal;
src: local('Berthold Akzidenz Grotesk BE Light'), url('../fonts/Berthold-akzidenz-grotesk-be-light.woff') format('woff');
}

@font-face {
font-family: 'Berthold Akzidenz Grotesk BE Light Condensed';
font-style: normal;
font-weight: normal;
src: local('Berthold Akzidenz Grotesk BE Light Condensed'), url('../fonts/Berthold-akzidenz-grotesk-be-light-condensed.woff') format('woff');
}

@font-face {
font-family: 'Berthold Akzidenz Grotesk BE Light Extended';
font-style: normal;
font-weight: normal;
src: local('Berthold Akzidenz Grotesk BE Light Extended'), url('../fonts/Berthold-akzidenz-grotesk-be-light-extended.woff') format('woff');
}

@font-face {
font-family: 'Berthold Akzidenz Grotesk BE Medium Condensed';
font-style: normal;
font-weight: normal;
src: local('Berthold Akzidenz Grotesk BE Medium Condensed'), url('../fonts/Berthold-akzidenz-grotesk-be-medium-condensed.woff') format('woff');
}

@font-face {
font-family: 'Berthold Akzidenz Grotesk BE Medium';
font-style: normal;
font-weight: normal;
src: local('Berthold Akzidenz Grotesk BE Medium'), url('../fonts/Berthold-akzidenz-grotesk-be-medium.woff') format('woff');
}

@font-face {
font-family: 'Berthold Akzidenz Grotesk BE Medium Extended';
font-style: normal;
font-weight: normal;
src: local('Berthold Akzidenz Grotesk BE Medium Extended'), url('../fonts/Berthold-akzidenz-grotesk-be-medium-extended.woff') format('woff');
}

@font-face {
font-family: 'Berthold Akzidenz Grotesk BE Medium Condensed Italic';
font-style: normal;
font-weight: normal;
src: local('Berthold Akzidenz Grotesk BE Medium Condensed Italic'), url('../fonts/Berthold-akzidenz-grotesk-be-medium-condensed-italic.woff') format('woff');
}

@font-face {
font-family: 'Berthold Akzidenz Grotesk BE Medium Italic';
font-style: normal;
font-weight: normal;
src: local('Berthold Akzidenz Grotesk BE Medium Italic'), url('../fonts/Berthold-akzidenz-grotesk-be-medium-italic.woff') format('woff');
}

@font-face {
font-family: 'Berthold Akzidenz Grotesk BE Bold';
font-style: normal;
font-weight: normal;
src: local('Berthold Akzidenz Grotesk BE Bold'), url('../fonts/Berthold-akzidenz-grotesk-be-bold.woff') format('woff');
}

@font-face {
font-family: 'Berthold Akzidenz Grotesk BE Bold Condensed';
font-style: normal;
font-weight: normal;
src: local('Berthold Akzidenz Grotesk BE Bold Condensed'), url('../fonts/Akzidenz-grotesk-be-bold-condensed.woff') format('woff');
}

@font-face {
font-family: 'Berthold Akzidenz Grotesk BE Bold Extended';
font-style: normal;
font-weight: normal;
src: local('Berthold Akzidenz Grotesk BE Bold Extended'), url('../fonts/Akzidenz-grotesk-be-bold-extended.woff') format('woff');
}

@font-face {
font-family: 'Berthold Akzidenz Grotesk BE Bold Extended Italic';
font-style: normal;
font-weight: normal;
src: local('Berthold Akzidenz Grotesk BE Bold Extended Italic'), url('../fonts/Akzidenz-grotesk-be-bold-extended-italic.woff') format('woff');
}

@font-face {
font-family: 'Berthold Akzidenz Grotesk BE Bold Italic';
font-style: normal;
font-weight: normal;
src: local('Berthold Akzidenz Grotesk BE Bold Italic'), url('../fonts/Akzidenz-grotesk-be-bold-italic.woff') format('woff');
}

@font-face {
font-family: 'GothamHTF-Book';
font-style: normal;
font-weight: normal;
src: local('GothamHTF-Book'), url('../fonts/GothamHTF-Book.woff') format('woff');
}

/*GENERAL*/

html {
	scroll-behavior: smooth;
}

body {
	font-family: 'Berthold Akzidenz Grotesk BE Regular', sans-serif;
}

h2 {
	font-family: 'Berthold Akzidenz Grotesk BE Extra Bold';
	text-transform: uppercase;
	text-align: center;
  font-size: 38px;
}

h3 {
	font-family: 'Berthold Akzidenz Grotesk BE Bold';
}

p {
	color: black;
}

img {
	max-width: 100%;
}

a,
a:hover {
	color: inherit;
	text-decoration: none;
}

/*NAV*/

/*
.bg-dark {
	background-color: black !important;
}

.navbar-dark .navbar-brand {
	filter: invert(100%);
}


@media screen and (min-width: 992px) {

	.bg-dark {
		background-color: transparent !important;
	}

	.navbar-dark .navbar-brand {
		filter: invert(0%);
	}

	.navbar-nav {
		padding: 0;
		background: #292929 !important;
		width: auto;
		z-index: 1111111111;
		position: fixed;
		right: 0;
		top: 20px;
	}

	.navbar-nav:before {
	  content: "";
	  height: 40px;
	  width: 35px;
	  position: absolute;
	  background: #292929;
	  top: 0px;
	  margin-left: -23px;
	  transform: skew(-25deg);
	  z-index: -1;
	}

	.navbar-dark .navbar-brand {
		padding: 20px;
	}

	.website-menu {
	  padding-right: 80px !important;
	}

}
*/

nav {
	background: rgba(255, 255, 255, 0.1);
}

.fixed-top.scrolled {
background-color: rgba(0, 0, 0, 0.8) !important;
transition: background-color 200ms linear;
}

nav .logo {
	max-height: 60px;
}

.navbar-dark .navbar-nav .nav-link {
	color: white;
}

.navbar-dark .navbar-nav .active>.nav-link {
color: rgb(217, 34, 46);
}

.navbar-nav li {
width: 15%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}

.links {
  list-style: none;
  position: fixed;
  left: 0;
  top: 150px;
  margin: 0;
  text-align: center;
  background: transparent !important;
  margin-left: -40px;
  z-index: 11;
}

.links li {
  margin: 4px 0;
  transform: skew(-18deg);
  padding: 5px 10px 5px 30px;
  margin-left: -20px;
  font-family: 'Berthold Akzidenz Grotesk BE Bold';
}

.links li p {
	transform: skew(18deg);
	margin: 0;
	line-height: inherit;
}

.links .mx {
	background: #00943d;
}

.links .mx p {
	color: white;
}

.links .usa {
	background: #ffffff;
	color: black;
}

.links .twitter {
	background: #d9232e;
}

.links .twitter p {
	color: white;
}

/*SLIDER*/

#home {
	height: 100vh;
	z-index: -1111111;
	position: relative;
}

.content h1 {
	font-family: 'Berthold Akzidenz Grotesk BE Extra Bold Condensed Italic';
	font-size: 45px;
	text-transform: uppercase;
	max-width: 320px;
	text-align: left;
	position: absolute;
	left: 50px;
	bottom: 300px;
	line-height: 38px;
	text-shadow: 1px 1px 13px rgba(0, 0, 0, 0.8);
}

.content h1 span {
  font-size: 2em;
  line-height: 72px;
}

.please-contact {
	font-size: 25px;
	font-family: 'GothamHTF-Book';
}

/* Style the video: 100% width and height to cover the entire window */
#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
}

/* Add some content at the bottom of the video/page */
.content {
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 100%;
  padding: 20px;
}

/*ABOUT US*/

#aboutus {
	background: url("../media/fondo/about-bg.png");
	background-size: cover;
	background-position: center left;
	padding: 80px 0;
}

#aboutus h2 {
	text-align: left;
}

#aboutus p {
	text-align: justify;
}

/*SERVICES*/

#services {
	padding: 60px 0;
	background: white;
}

#services h3 {
	font-size: 21px;
}

#services .text {
  padding-top: 70px;
}

/*CONTACT*/

#contact {
	background: url("../media/fondo/contact_bg.png");
	background-size: cover;
	background-position: center center;
	padding: 110px 0;
}

#contact p {
  color: white;
  text-align: center;
  font-size: 23px;
}

/*HEADQUARTERS*/

#headquarters {
	background: #00943d;
	padding: 60px 0;
}

#headquarters h2 {
	color: white;
}

#headquarters i {
  color: white;
  display: block;
  text-align: center;
  font-size: 27px;
  margin-bottom: 10px;
}

#headquarters h3 {
	color: white;
	text-align: center;
	font-size: 21px;
	margin-bottom: 0;
}

#headquarters p {
	color: white;
	text-align: center;
}

/*FOOTER*/

footer {
	background: #000000;
  padding: 30px 0px;
}

footer i {
  margin-bottom: 30px;
  display: block !important;
  color: white;
  font-size: 20px;
  text-align: center;
}

footer img {
	filter: invert(100%);
	margin: 0 auto;
	display: block;
	margin-bottom: 20px;
	max-width: 260px;
}

footer p {
	color: white;
	text-align: center;
}

@media screen and (min-width: 992px) {
	.navbar-expand-lg .navbar-nav {
		padding-right: 90px;
	}
}

@media screen and (max-width: 991px) {
	#aboutus {
		background-position: right;
	}
}