Replace all of the code in your Child Theme style.css file with this:
/*
Theme Name: Spun Child 02
Theme URI:
Description: Child 02 theme for the Spun theme
Author: <a href="https://carolinemoore.net/" title="Visitar la web del autor">Caroline Moore</a>
Author URI:
Template: spun
Version: 2.0.2
*/
/* Generated by Orbisius Child Theme Creator (https://club.orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Tue, 21 Jan 2014 23:36:03 +0000 */
@import url('../spun/style.css');
.blog .hentry {
margin-bottom: 3em;
}
.hentry .thumbnail-title {
display: block;
margin-top: 1.3em;
color: #666;
top: 100%;
font-size: 1.5em;
}
.site-info {
font-family: "Avenir";
}
.blog .hentry a .attachment-post-thumbnail{
border-radius: 220px;
}
.blog .hentry a:hover img{
border-radius: 220px;
}
/* =Menu
----------------------------------------------- */
.main-navigation {
color: #999;
float: left;
display: block;
font-family: Helvetica, Arial, sans-serif;
-webkit-text-stroke: .15px; /* Hack to fix thin text in Windows */
font-size: 12px;
font-size: 1.2rem;
font-weight: 5;
margin: 130px 0 0;
position: relative;
text-align: center;
text-transform: uppercase;
width: 75%;
}
.main-navigation ul {
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation li {
float: right;
text-align: center;
margin: 0 0 5px 20px;
position: relative;
}
.main-navigation {
width: 100%;
}
.main-navigation li {
float: none;
text-align: center;
margin: 0 10px 5px 10px;
position: relative;
display: inline-block;
}
@media screen and (max-width: 800px){}
#page {
width: 100%;
}
#masthead img,
.main-navigation,
#main {
display: table;
margin: 0 auto;
float: none;
width: auto;
}
#colophon {
text-align: center;
}
.site-navigation {
margin-top: 10px;
}
.site-title {
font-family: "Avenir";
}
#post-124 {
width: 160px;
height: 160px;
}
#post-139 {
width: 160px;
height: 160px;
}
.hentry .thumbnail-title {
font-family: 'Nunito';
}