@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:#39777d;
}


.descripcion{
	font-family: 'Righteous', cursive;
	background-color:#39777d;
	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:#39777d;
  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:#4b9ea6;
}


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

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

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

.active.submenu{
  background-color:#cc06b2;
  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%;
}




/* susana-cia */

.imagenprincipalblog, .susana{
	padding-bottom:2%;
	padding-top:1%;
	margin-left:0%;
	padding-left:0%;
}

.playagandia{
    padding-left:3%;
    padding-top:0.5%;
}



.fotosusana{
    padding-top:3.7%;
    padding-left:0%;
    width:30%;
}

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

p.card-text{
	font-size:1.2vw;
	padding-bottom:0%;
	margin-bottom:0%;
}


}




/* 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:#39777d;
	color:#FFFFFF;
	padding-top:0.8%;
	font-size:2.2vw;
}

.logomenu{
	background-color:#CCCCCC;
}


.blog{
    background-color:#39777d;
}



/* 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:#39777d;
  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:#4b9ea6;
}

.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%;
}
   


/* susana-cia */

.imagenprincipalblog, .susana{
	padding-bottom:2%;
	padding-top:1%;
	margin-left:0%;
	padding-left:0%;
}

.playagandia{
    padding-left:3%;
    padding-top:0.5%;
}



.fotosusana{
    display:none;
}

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

p.card-text{
	font-size:1.8vw;
	padding-bottom:0%;
	margin-bottom:0%;
}
}


/* 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:#39777d;
}


.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:#39777d;
  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:#4b9ea6;
}

.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%;
}

/* susana-cia */

.imagenprincipalblog, .susana{
	padding-bottom:2%;
	padding-top:1%;
	margin-left:0%;
	padding-left:0%;
}

.playagandia{
    padding-left:3%;
    padding-top:3%;
    width:50%;
    padding-bottom:3%;
}


.fotosusana{
    display:none;
}

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

p.card-text{
	font-size:3.5vw;
	padding-bottom:0%;
	margin-bottom:0%;
	padding-bottom:5%;
}
}