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

/* include/menu */
.responsive {
  width: 60%;
  height: auto;
  padding-left:1%;
  padding-top:1.2%;
  padding-bottom:1.2%;
  padding-right:0%;
}

.logomenu{
	background-color:#CCCCCC;
}

.blog{
    background-color:#6ab2b5;
}


.descripcion{
	font-family: 'Righteous', cursive;
	background-color:#6ab2b5;
	color:#FFFFFF;
	padding-top:0.8%;
	font-size:1.8vw;
}


/* include/pie */

.responsive1 {
  width: 48%;
  height: auto;
  padding-left:1%;
  padding-top:1.2%;
  padding-bottom:1.2%;
  padding-right:0%;
}

table td:first-child {
	width:30%;
}
table td:first-child(2) {
	width:60%;
}
table td:first-child(3) {
	width:10%;
}

.textopie{
font-size:0.9vw;
}

.pie{
    background-color:#CCCCCC;

}

a.linkprivacidad{
	color:#000099;
}

.imgcopyright{
    width:4%;
    height: auto;
}


    /* Style the navigation bar */
.navbar {
  width: 100%;
  background-color:#6ab2b5;
  overflow: auto;
  padding-left:0%;
  display:block;
}

/* Navbar links */
.navbar a {
  float: left;
  text-align: left;
  padding-left: 1%;
  padding-top:0.5%;
  padding-bottom:0.5%;
  color: white;
  text-decoration: none;

}

/* Navbar links on mouse-over */
.navbar a:hover {
  background-color: #000;
}

/* Current/active navbar link */
 .active{
  background-color:#8dced0;
}


.textomenu{
     font-family: 'Righteous', cursive;
     font-size:1.3vw;
}

.subtextomenu{
     font-size:1.1vw;
}

.subtextomenu{
     font-size:1.2vw;
    font-family: 'Courgette', cursive;
}

a.submenu{
  padding-left:20%;
  padding-top:0%;
}

.active.submenu{
  background-color:#67994e;
  padding-left:20%;
}

.imgsusana{
    width:20%;
    height: auto;
    padding-top:6%;
    padding-bottom:2%;
    padding-left:2.5%;
   
}

.imgrelato{
    width:20%;
    height: auto;
    padding-top:2%;
    padding-bottom:2%;
    padding-left:2.5%;
   
}

.imgproyecto{
    width:20%;
    height: auto;
    padding-top:2%;
    padding-bottom:2%;
    padding-left:2.5%;
}

.imglibreria{
    width:20%;
    height: auto;
    padding-top:2%;
    padding-bottom:2%;
    padding-left:2.5%;
}


/* relatos */
/* articulos */
.responsive3{
  width: 95%;
  height: auto;
  padding-left:0%;
  padding-top:1.5%;
  padding-bottom:1.5%;
  padding-right:1.5%;
}

.responsive4{
  width: 60%;
  height: auto;
  padding-left:0%;
  padding-top:1%;
  padding-bottom:1%;
  padding-right:1.5%;
}

.imagenespoema{
    padding-top:1.5%;
}

.poema{
    padding-left:2%;
    padding-top:1%;
}

.imgcompartir{
    width:5%;
}

h1{
    font-size:2.2vw;
    
}

h4{
    font-size:1.5vw;
    font-weight:bold;
}

.fechaarticulo{
    font-size:1.5vw;
}

p{
    font-size:1.2vw;
}

.compartir{
font-family: 'Righteous', cursive;
font-size:1.5vw;
}


/* relatos */
/* index */
.imagenrelatos{
    margin-top:10%;
   padding-left:5%;
   padding-right:2%;
}

.relatos{
    margin-top:3%;
    padding-right:3%;
    padding-left:1%;
}

.susana{
	padding-bottom:2%;
	padding-top:2%;
	margin-left:2%;
	padding-left:0.5%;
}

.vision{
    margin-top:0%;
    background-color:#CCCCCC;
    font-family: 'Righteous';
    font-size:1.8vw;

}

.misrelatos{
    padding-bottom:4%;
    padding-top:4%;
}

.imagenprincipalblog{
	padding-bottom:0%;
	margin-left:0%;
	padding-left:0.5%;
}

.relatoprincipal{
background-color:#CCCCCC;
margin-left:0.7%;
}

.video1{
    width:90%;
    padding-top:5%;
}

.card-block{
  padding-left:0%;
  padding-right:0%;
  padding-top:1%;
}

.fecha{
    font-size:1vw;
    color:gray;
    padding-left:5%;
    padding-right:5%;
}

h3.card-title{
  padding-left:5%;
  padding-right:5%;
  font-size:1.6vw;
  
}

p.card-text{
	font-size:1.05vw;
	padding-bottom:0%;
	margin-bottom:0%;
	padding-left:5%;
	padding-right:5%;
	font-family: 'Didact Gothic', sans-serif;
}

.imgclaqueta{
    width:20%;
    padding-top:2%;
}
}


/* Add responsiveness - will automatically display the navbar vertically instead of horizontally on screens less than 500 pixels */
@media (min-width: 768px) and (max-width: 979px){

 /* include/menu */

 .responsive {
  width: 70%;
  height: auto;
  padding-left:1%;
  padding-top:1.2%;
  padding-bottom:1.2%;
  padding-right:0%;
}

.descripcion{
	font-family: 'Righteous', cursive;
	background-color:#6ab2b5;
	color:#FFFFFF;
	padding-top:0.8%;
	font-size:2.2vw;
}

.logomenu{
	background-color:#CCCCCC;
}


.blog{
    background-color:#6ab2b5;
}



/* include/pie */

.responsive1 {
  width: 50%;
  height: auto;
  padding-left:1%;
  padding-top:1.2%;
  padding-bottom:1.2%;
  padding-right:0%;
}

table td:first-child {
	width:30%;
}
table td:first-child(2) {
	width:60%;
}
table td:first-child(3) {
	width:10%;
}

.pie{
    background-color:#CCCCCC;

}

.textopie{
font-size:1.2vw;
}



a.linkprivacidad{
	color:#000099;
}


.imgcopyright{
    width:5%;
    height: auto;
    padding-right:1%;
}



/* Style the navigation bar */
.navbar {
  width: 100%;
  background-color:#6ab2b5;
  overflow: auto;
  padding-left:0%;
  display:block;
}

/* Navbar links */
.navbar a {
  float: left;
  text-align: left;
  padding-left: 1%;
  padding-top:0.5%;
  padding-bottom:0.5%;
  color: white;
  text-decoration: none;

}

/* Navbar links on mouse-over */
.navbar a:hover {
  background-color: #000;
}

/* Current/active navbar link */
.active{
  background-color:#8dced0;
}

.textomenu{
     font-family: 'Righteous', cursive;
     font-size:1.4vw;
}

.subtextomenu{
     font-size:1.3vw;
     font-family: 'Courgette', cursive;
}

a.submenu{
  padding-left:20%;
  padding-top:0%;
}

.active.submenu{
  background-color:#cc06b2;
  padding-left:20%;
}


.imgsusana{
    width:18%;
    height: auto;
    padding-top:6%;
    padding-bottom:4%;
    padding-left:2.5%;
   
}

.imgrelato{
    width:18%;
    height: auto;
    padding-top:4%;
    padding-bottom:3.5%;
    padding-left:2.5%;
   
}

.imgproyecto{
    width:18%;
    height: auto;
    padding-top:4%;
    padding-bottom:4%;
    padding-left:2.5%;
}

.imglibreria{
    width:18%;
    height: auto;
    padding-top:4%;
    padding-bottom:4%;
    padding-left:2.5%;
}
   
/* relatos */
/* articulos */
.responsive3{
  width: 100%;
  height: auto;
  padding-left:0%;
  padding-top:1.5%;
  padding-bottom:1.5%;
  padding-right:1.5%;
}

.responsive4{
  width: 80%;
  height: auto;
  padding-left:0%;
  padding-top:1%;
  padding-bottom:1%;
  padding-right:1.5%;
}

.imagenespoema{
    padding-top:1.5%;
}

.poema{
    padding-left:2%;
    padding-top:1%;
}

h1{
    font-size:2.6vw;
}



h4{
    font-size:2vw;
    font-weight:bold;
}

.fechaarticulo{
    font-size:2vw;
}

p{
    font-size:1.8vw;
}

.compartir{
font-family: 'Righteous', cursive;
font-size:2vw;
}

.imgcompartir{
    width:7%;
}


/* relatos */
/* index */

.relatos{
    margin-top:3%;
    padding-right:0%;
    padding-left:0%;
    text-align:center;

}

.imagenrelatos{
   margin-top:4%;
   margin-left:8%;
   margin-right:0%;
   padding-left:1%;
   padding-right:1%;
}

.susana{
	padding-bottom:2%;
	padding-top:2%;
	margin-left:2%;
}

.vision{
    margin-top:0%;
    background-color:#CCCCCC;
    font-family: 'Righteous';
    font-size:3vw;

}

.misrelatos{
    padding-bottom:4%;
    padding-top:4%;
    padding-left:0%;
}

.imagenprincipalblog{
	padding-bottom:4%;
	margin-left:0%;
	padding-left:4%;
	
}

.relatoprincipal{
background-color:#CCCCCC;
margin-left:0.7%;
}

.video1{
    width:40%;
    padding-top:5%;
}

.card-block{
  padding-left:0%;
  padding-right:0%;
  padding-top:1%;
}

.fecha{
    font-size:1.75vw;
    color:gray;
    padding-left:5%;
    padding-right:5%;
}

h3.card-title{
  padding-left:5%;
  padding-right:5%;
  font-size:2.4vw;
  
}

p.card-text{
	font-size:1.8vw;
	padding-bottom:0%;
	margin-bottom:0%;
	padding-left:5%;
	padding-right:5%;
	font-family: 'Didact Gothic', sans-serif;
}

.imgclaqueta{
    width:10%;
    padding-top:2%;
}

}






/* Add responsiveness - will automatically display the navbar vertically instead of horizontally on screens less than 500 pixels */
@media screen and (max-width:767px) {
  /* include/menu */

 .responsive {
  width: 30%;
  height: auto;
  padding-left:1%;
  padding-top:1.2%;
  padding-bottom:1.2%;
  padding-right:0%;
}



.logomenu{
	background-color:#CCCCCC;
}


.blog{
    background-color:#6ab2b5;
}


.descripcion{
	display:none;
}

/* include/pie */

.responsive1 {
  display:none;
}



.pie{
    background-color:#CCCCCC;

}


.textopie{
font-size:2.5vw;
}


a.linkprivacidad{
	color:#000099;
	padding-left:4%;
}


.imgcopyright{
    width:5%;
    height: auto;
    padding-right:0.5%;
}





/* Style the navigation bar */
.navbar {
  width: 100%;
  background-color:#6ab2b5;
  overflow: auto;
  padding-left:0%;
  display:block;
}

/* Navbar links */
.navbar a {
  float: left;
  text-align: left;
  padding-left: 1%;
  padding-top:0.5%;
  padding-bottom:0.5%;
  color: white;
  text-decoration: none;

}

/* Navbar links on mouse-over */
.navbar a:hover {
  background-color: #000;
}

/* Current/active navbar link */
.active{
  background-color:#8dced0;
}

.textomenu{
     font-family: 'Righteous', cursive;
     font-size:3vw;
}

.subtextomenu{
     font-size:2.9vw;
     font-family: 'Courgette', cursive;
}

a.submenu{
  padding-left:15%;
  padding-top:0%;
}

.active.submenu{
  background-color:#cc06b2;
  padding-left:15%;
}

.imgsusana{
    width:10%;
    height: auto;
    padding-top:0.5%;
    padding-bottom:0.5%;
    padding-left:2.5%;
   
}

.imgrelato{
    width:10%;
    height: auto;
    padding-top:0.5%;
    padding-bottom:0.5%;
    padding-left:2.5%;
   
}

.imgproyecto{
    width:10%;
    height: auto;
    padding-top:0.5%;
    padding-bottom:0.5%;
    padding-left:2.5%;
}

.imglibreria{
    width:10%;
    height: auto;
    padding-top:0.5%;
    padding-bottom:0.5%;
    padding-left:2.5%;
}

/* relatos */
/* articulos */
.responsive3{
  width: 50%;
  height: auto;
  padding-left:3%;
  padding-top:1%;
  padding-bottom:1%;
  padding-right:6%;
}

.responsive4{
  width: 80%;
  height: auto;
  padding-left:0%;
  padding-top:1%;
  padding-bottom:1%;
  padding-right:1.5%;
}

.poema{
    padding-left:6%;
    padding-top:2%;
}

h1{
    font-size:5.5vw;
    padding-bottom:0vw;
    margin-bottom:0vw;
    font-weight:bold;
}

h4{
    font-size:4.5vw;
    font-weight:bold;
}
.fechaarticulo{
    font-size:3vw;
    
}

p{
    font-size:3.5vw;

}

.compartir{
font-family: 'Righteous', cursive;
font-size:4vw;
}

.imgcompartir{
    width:8%;
}


/* relatos */
/* index */
  .relatos{
    margin-top:3%;
    padding-right:3%;
    padding-left:1%;
    text-align:center;
}

.imagenrelatos{
   margin-top:4%;
   margin-left:3%;
   margin-right:3%;
   padding-left:3%;
   padding-right:8%;
}

.susana{
	padding-bottom:2%;
	padding-top:2%;
	margin-left:2%;
}

.vision{
    margin-top:0%;
    background-color:#CCCCCC;
    font-family: 'Righteous';
    font-size:4vw;

}

.misrelatos{
    padding-bottom:4%;
    padding-top:4%;
    padding-left:0%;
}

.imagenprincipalblog{
	padding-bottom:4%;
	margin-left:0%;
	padding-left:4%;
	
}

.relatoprincipal{
background-color:#CCCCCC;
margin-left:3%;
}

.video1{
    width:40%;
    padding-top:5%;
}

.card-block{
  padding-left:0%;
  padding-right:0%;
  padding-top:1%;
}

.fecha{
    font-size:2.5vw;
    color:gray;
    padding-left:5%;
    padding-right:5%;
}

h3.card-title{
  padding-left:5%;
  padding-right:5%;
  font-size:3.5vw;
  
}

p.card-text{
	font-size:3vw;
	padding-bottom:0%;
	margin-bottom:0%;
	padding-left:5%;
	padding-right:5%;
	font-family: 'Didact Gothic', sans-serif;
}

.imgclaqueta{
    width:12%;
    padding-top:2%;
}

.galeria{
    width:40%;
}

}