html,body {
	overflow-x: hidden;
	font-family: 'Poppins';
}

.clickable {
	cursor: pointer;
}

@font-face {
	font-family: 'RockSalt';
	src: url('../assets/FONTS/RockSalt/RockSalt-Regular.ttf') format("truetype");;
}

@font-face {
	font-family: 'Poppins';
	src: url('../assets/FONTS/Poppins/Poppins-Regular.ttf') format("truetype");
}

.homePic {
	max-width: 60% !important;
}

.fixed-top {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 10;
}

.logo-header {
	width: 100%;
	height: 100%;
	background-image: url('../assets/IMG/logo.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.cuadrante1 {
	background-image: url('../assets/IMG/cuadrante1.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.cuadrante2 {
	background-image: url('../assets/IMG/cuadrante2.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.cuadrante4 {
	background-image: url('../assets/IMG/cuadrante4.jpg');
	background-size: fill;
	background-repeat: no-repeat;
	background-position: center;
}

.cuadrante5 {
	background-image: url('../assets/IMG/cuadrante5.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.cuadrante6 {
	background-image: url('../assets/IMG/cuadrante6.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.thumbnail1 {
	background-image: url('../assets/IMG/thumbnail1.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.thumbnail2 {
	background-image: url('../assets/IMG/thumbnail2.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.rockSalt {
	font-family: 'RockSalt';
}

.grey-overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
	z-index: 1;
}

#navBG {
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
	z-index: 1;
}

.tiny {
	font-size: 9px;
}