


a, a:visited, a:active {
	color:#ED1C24;
	text-decoration: none;
	transition: all .2s ease-in;
}

a:hover {
	color:#8b0911;
	text-decoration: none;
}

	  .logo {
		width: 300px;
		position: absolute;
		top: 40px;
		left: 100px;
	}
	
	.banner {
		width: 100%;
padding: 0;
margin: 0 auto;	
margin-top: 160px;
	}

	body{
		margin: 0;
	}

	.titulo {
		width: 100%;
		padding: 30px 0 30px 0;
margin: 0 auto;	


	}

	.texto {
		width: 100%;
padding-top: 25px;
margin: 0 auto;	

	}

	h3{
		font-size: 30px;
		font-family: 'Helvetica Roman';
		line-height: 40px;
		text-align: left;
color: #ed1c24;
		
	}

	h4{
		font-size: 18px;
		font-family: 'Helvetica Roman';
		line-height: 25px;
		text-align: left;
color: #ffffff;
		
	}

	h5{
		font-size: 25px;
		font-family: 'Helvetica Roman';
		line-height: 35px;
		text-align: left;
color: #ed1c24;
		
	}

	strong{
		font-family: 'Helvetica Bold';
	}

	.links{
		background-color: #8b0911;
		min-height: 250px;
    width: 100%;
    padding: 50px 95px;
    margin: 0 auto;
	}

	.link{
		width: 100%;
		height: 70px;
		
	}

	.st0,.st1{
		transition: all .2s ease-in;
	}

	.link:hover .st0{
		
	fill:#ffffff;
					

	}

	.link:hover .st1{
		
		fill:#ED1C24;
				
	
		}

	.texto_link{
		max-width: 300px;
    margin-top: 15px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	}


	.botella{
		max-width: 450px;
		position: relative;
top: -50px;
margin: 0 auto;
margin-right: 0;
	}


	.footer{
		color:#ED1C24;
		font-size: 11px;
		text-align: right;
		padding: 20px;

	}

	.logo_konig{
		max-width: 150px;
		padding: 15px;
	}

.logo_hemovac{

	max-width: 250px;
		padding: 15px;
		padding-left: 0;
}


@media (max-width: 1000px) {

h5{
		font-size: 20px;
		line-height: 30px;

		
	}

	.logo_hemovac{

max-width: 200px;

}
.footer{
	color:#ED1C24;
	font-size: 9px;
	text-align: right;
	padding: 20px;

}


}


@media (max-width: 600px) {

.texto{
	padding-left: 50px;
}

.logo_hemovac{

	padding-left: 50px;

}
.titulo {
padding: 15px 50px !important;
}
}


@media screen and (min-device-width: 1300px) and (max-device-width: 1400px)  {


.titulo {
padding: 15px 40px !important;
}
}


@media screen and (min-device-width: 1200px) and (max-device-width: 1300px)  {


.titulo {
padding: 15px 60px !important;
}
}

@media screen and (min-device-width: 1200px) and (max-device-width: 1250px)  {


.titulo {
padding: 15px 70px !important;
}
}

@media screen and (min-device-width: 1100px) and (max-device-width: 1200px)  {


.titulo {
padding: 15px 40px !important;
}
}

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


.titulo {
padding: 15px 70px !important;
}
}

@media screen and (min-device-width: 768px) and (max-device-width: 830px)  {


.titulo {
padding: 15px 50px !important;
}
}

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


.titulo {
padding: 15px 40px !important;
}
}

	@media (max-width: 768px) {

	.logo {
		max-width: 240px;
		position: absolute;
		top: 40px;
		left: 50px;
	}
	
	.banner {
		width: 100%;
padding: 0;
margin: 0 auto;	
margin-top: 160px;
	}

	body{
		margin: 0;
	}

	.titulo {
		width: 100%;
		padding: 15px 0 15px 0;
margin: 0 auto;	


	}

	.texto {
		width: 100%;
		padding-top: 15px;
    margin: 0 auto;
    
	}

	h3{
		font-size: 20px;
		font-family: 'Helvetica Roman';
		line-height: 30px;
		text-align: left;
color: #ed1c24;
		
	}

	h4{
		font-size: 14px;
		font-family: 'Helvetica Roman';
		line-height: 20px;
		text-align: left;
color: #ffffff;
		
	}

	h5{
		font-size: 16px;
		font-family: 'Helvetica Roman';
		line-height: 19px;
		text-align: left;
color: #ed1c24;
		
	}

	strong{
		font-family: 'Helvetica Bold';
	}

	.links{
		background-color: #8b0911;
		min-height: 250px;
    width: 100%;
    padding: 50px 70px;
    margin: 0 auto;
	}

	.link{
		width: 100%;
		height: 70px;
		
	}

	.st0,.st1{
		transition: all .2s ease-in;
	}

	.link:hover .st0{
		
	fill:#ffffff;
					

	}

	.link:hover .st1{
		
		fill:#ED1C24;
				
	
		}

	.texto_link{
		max-width: 300px;
    margin-top: 15px;
	margin-bottom: 30px;
	}


	.botella{
		max-width: 300px;
		position: relative;
top: -50px;
margin-right: auto;

	}


	.footer{
		color:#ED1C24;
		font-size: 9px;
		text-align: right;
		padding: 15px;

	}

	.logo_konig{
		max-width: 150px;
		padding: 10px;
	}
}


@media (max-width: 370px) {

	h3 {
    font-size: 16px;
    font-family: 'Helvetica Roman';
    line-height: 25px;
    text-align: left;
    color: #ed1c24;
}

.links {
    background-color: #8b0911;
    min-height: 250px;
    width: 100%;
    padding: 50px 55px;
    margin: 0 auto;
}
.botella {
    max-width: 250px;
    position: relative;
    top: -50px;
    margin-right: auto;
}
.texto {
    padding-left: 30px;
}
.logo_hemovac {
    padding-left: 30px;
}
.boton_1{
	width: 250px !important;
}
.boton_2{
	width: 250px !important;
}
}


@media (max-width: 420px) {
.links {
    background-color: #8b0911;
    min-height: 250px;
    width: 100%;
    padding: 50px 60px;
    margin: 0 auto;
}}

@media (max-width: 400px) {
.links {
    background-color: #8b0911;
    min-height: 250px;
    width: 100%;
    padding: 50px 40px;
    margin: 0 auto;
}}

@media (max-width: 330px) {
.links {
    background-color: #8b0911;
    min-height: 250px;
    width: 100%;
    padding: 50px 40px;
    margin: 0 auto;
}}

@media (max-width: 290px) {
	h5 {
    font-size: 14px;
}
.logo {
    max-width: 210px;
}
.boton_1 {
    width: 210px !important;
}
.boton_2 {
    width: 210px !important;
}
.botella {
    max-width: 220px;
}
	
}




