@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
}
html, body {
    margin: 0;
    padding: 0;
}



/* Fondo general EDITADO NUEVO */
body {
  font-family: 'Fredoka', sans-serif;
  font-size: 18px;
  background-color: #b1d0ef;
  background-image: url("background resources /a08-bg-frill.gif");
  background-repeat: repeat;
  background-attachment: fixed;
  background-size: 200px;
  color: #2596be;
}




.top-lace {
    height: 113px;                 /* o el alto de tu imagen */
    background-image: url("background resources /lacemono.gif");
    background-repeat: repeat-x;
}
.container-row {
  width: 100%;
  margin: auto;
  padding: 0;
  display: flex;
  align-items: flex-start;
}

.container-navi {
  width: 20%;
  padding: 10px;
  box-sizing: border-box;
  background: red;
}
 .container-navi img {
    display: block;
    width: 100px;
    margin: 0 auto;
    border: 3px ridge pink;
    
 }
 .cutebox { 
 display: block;   /* NUEVAS COSAS AGUAS REINA */
 
 }
.frame img {
    width: 120px;      /* o 200px, 250px, lo que quieras */
    display: block;
    
}

.container-content {
  width: 50%;
  padding: 10px;
  box-sizing: border-box;
     background:cyan;
}
.container-side {
  width: 30%;
  padding: 10px;
  box-sizing: border-box;
   border: 2px solid white;
   background:lime;
}
 .main-title {
    text-align: center;
    font-family: "Workbench", sans-serif;
    font-size: 3em;
}

h1,h2,h3 {
  font-weight: bold;
  text-align: center;
}

h1 {
  font-size: 2.0em;
  font-family: "Workbench", sans-serif;
}

h2 {
  font-size: 1.8em;
   font-family: "Fredoka", sans-serif;
}

h3 {
  font-size: 1.6em;
   font-family: "Fredoka", sans-serif;
}

a,a:visited {
  color:#1c6c8a;
}
@media (max-width: 768px) {

  .container-row {
    flex-direction: column;
  }

  .container-navi,
  .container-content,
  .container-side {
    width: 100%;
    margin: 0;
  }

  .main-title {
    font-size: 2.5em;
  }

}
.bottom-lace {
    height: 75px; /* o la altura de tu imagen */
    background-image: url("background resources /abajolace.gif");
    background-repeat: repeat-x;
}