body{
 margin: 0 auto;
	background-color: #f5a4ba;
background-image: linear-gradient(79deg, #f5a4ba 23%, #ed3d83 100%);
	font-family: 'Roboto', sans-serif;
}

/* Header
********************************************************************* */


.head{
	background-color: #ffffff;
	box-shadow: 7px 10px 17px 0px rgba(173,21,83,0.7);s
	border-radius: 20px;
	margin-top: 50px;
	margin-bottom: 50px;
	padding:60px;
	padding-left: 100px;
}

p{
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}
/* 
  ##Dispositivo = Desktops
  ##Resolucion = 1281pxo mayorresolusion desktops
*/

@media (min-width: 1401px) {
  
 .titulo{
    width: 120%;
    transform: translateX(47px);
    padding-top: 243px;
}
.textohead{
  background-image: url("../img/libromedia/back2.jpg"); /* The image used */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
}

.head{
  background-color: #ffffff;
  box-shadow: 7px 10px 17px 0px rgba(173,21,83,0.7);
  border-radius: 20px;
  margin-top: 50px;
  margin-bottom: 50px;
  padding:60px;
  padding-left: 100px;
}
.imghead{
  height: auto;
}
}

/* 
  ##Dispositivo = Laptops, Desktops
  ##Resolucion = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1400px) {
  
   .titulo{
 width: 132%;
    transform: translateX(29px);
    padding-top: 236px;
}
.textohead{
  background-image: url("../img/libromedia/back.jpg"); /* The image used */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
}

.head{
  background-color: #ffffff;
  box-shadow: 7px 10px 17px 0px rgba(173,21,83,0.7);
  border-radius: 20px;
  margin-top: 50px;
  margin-bottom: 50px;
  padding:60px;
  padding-left: 100px;
}
  .imghead{
  height: auto;
}
}

/* 
  ##Dispositivo = Tablets, Ipads (vertical)
  ##Resolucion = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  
     .titulo{
    width: 127%;
    transform: translateX(27px);
    padding-top: 250px;
}
.textohead{
  background-image: url("../img/libromedia/back.jpg"); /* The image used */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
}

.head{
  background-color: #ffffff;
  box-shadow: 7px 10px 17px 0px rgba(173,21,83,0.7);
  border-radius: 20px;
  margin-top: 50px;
  margin-bottom: 50px;
  padding:60px;
  padding-left: 100px;
}
  .imghead{
  height: auto;
}
}

/* 
  ##Dispositivo = Tablets, Ipads (horizontal)
  ##Resolucion = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: horizontal) {
  
   .titulo{
 width: 129%;
    transform: translateX(44px);
    padding-top: 60px;
}
.textohead{
  background-image: url("../img/libromedia/back1.jpg"); /* The image used */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
}

.head{
  background-color: #ffffff;
 box-shadow: 7px 10px 17px 0px rgba(173,21,83,0.7);
  border-radius: 20px;
  margin-top: 50px;
  margin-bottom: 50px;
  padding:60px;
  padding-left: 100px;
}
.imghead{
  height: auto;
}
}
/* 
  ##Dispositivo = Tablets de baja resolucion y telefnos Mobiles (horizontal)
  ##Resolucion = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  
  .titulo{
    width: 64%;
    transform: translateY(8px);
    margin-left: 19%;
    margin-top: 20px;
   } 
   .textohead{

  background-image: url("../img/libromedia/back1.jpg"); /* The image used */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
}
.head{
  background-color: #ffffff;
  box-shadow: 7px 10px 17px 0px rgba(173,21,83,0.7);
  border-radius: 20px;
  margin-top: 70px;
  margin-bottom: 50px;
  padding:60px;
}
.imghead{
  height: 227px;
}
}

/* 
  ##Dispositivo = Mayoria de telefonos moviles (vertical)
  ##Resolucion = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  
  .titulo{
    width: 77%;
    transform: translateY(88px);
    margin-left: 12%;
} 
.textohead{
  background-image: url("../img/libromedia/back1.jpg"); /* The image used */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
}
.head{
  background-color: #ffffff;
  box-shadow: 7px 10px 17px 0px rgba(173,21,83,0.7);
  border-radius: 20px;
  margin-top: 80px;
  margin-bottom: 50px;
  padding:60px;
}
.imghead{
  height: 227px;
}
  
}

/* Footer Section
********************************************************************* */
.footer-basic-centered{
	background-color: #000;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	width: 100%;
	height: 11%;
	text-align: center;
	font: normal 18px sans-serif;
	padding: 5px;
	margin-top: 80px;
    z-index: 999;
}
.footer-basic-centered .footer-santillana{
	color: #b0b2b6;
	font-size: 0.7em;
	margin: 0;
	padding: 5px;
}
.footer-basic-centered img{
	max-width:80%;
}
/* footer responsive*/
@media (max-width: 600px) {

	.footer-basic-centered{
		padding: 5px;
	}
	.footer-basic-centered .footer-santillana{
		font-size: 12px;
	}

}
footer{
	position: fixed;
	bottom: 0;
}

.row{
  padding-bottom: 100px;
}

.titulotext{
  color: #ec4e8a;
}
.subtitulo{
  color: #f4a5bb;
}

.bold{
  color: #ec4e8a;
  font-weight: 900;
}

.linea{
  border-top: 4px solid #b2295d;
}
.subsubtitulo{
  font-weight: 600;
}