@font-face {
	font-family: 'BoschSans-Regular';
	src: url("../font/BoschSans-Regular.woff");
}
@font-face {
	font-family: 'BoschSans-Bold';
	src: url("../font/BoschSans-Bold.woff");
}
@font-face {
	font-family: 'BoschSans-Medium';
	src: url("../font/BoschSans-Medium.woff");
}
@font-face {
	font-family: 'BoschSans-Light';
	src: url("../font/BoschSans-Light.woff");
}
@font-face{
    font-family: 'BoschSans-Black';
    src: url("../font/BoschSans-Black.woff");
}
:root {
	--bosch-pro-blue-100: #003b6a;
	--bosch-light-grey: #bfc0c2;
	--bosch-red: #E20015;
}

#tu-y-bosch-somos-compadres * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
    font-family: 'BoschSans-Regular';
}

.rb-h1 {
	position: absolute;
	font-family:'BoschSans-Bold'!important;
	text-transform: uppercase;
	color: white;
	top: 15vh;
	left: 10vh;
}

.rb-font-red{
	font-family:'BoschSans-Bold'!important;
	text-transform: uppercase;
	color: var(--bosch-red);
}
.container{
	max-width: 2000px;
}
.rb-banner-image {
	width: 100%;
}

.rb-bosch-pro-blue {
	color: var(--bosch-pro-blue-100);
}

.rb-background{
	background-image: url('../images/background.jpg');
	background-position: center;
	background-size: cover;
}

.rb-background2{
	background-image: url('../images/background2.jpg');
	background-position: center;
	background-size: cover;
	background-repeat: repeat-y;
}

.rb-background-bosch-pro-blue {
	background-color: var(--bosch-pro-blue-100);
}

.rb-background-bosch-light-grey {
	background-color: var(--bosch-light-grey)
}

.rb-hr-white {
	color: white;
}


@media (max-width:766px){
	.rb-h1 {
		display: none;
	}
}

@media (max-width:1000px) {		
	.rb-h1 {
		position: absolute;
		font-family:'BoschSans-Bold'!important;
		text-transform: uppercase;
		color: white;
		top: 10vh;
		left: 10vh;
		font-size: x-large;
	}
	
	
}