body{
    background: url(img/fondo.png) center fixed; 
    background-size: cover;
    font-family: 'Source Serif Pro', serif;
    color: rgb(240, 240, 240);
}

.box{
    display: flex;
    align-items: center;
    justify-content: space-between;
      
}

.font{
    margin: 0 auto;

}

img{
    display: block;
  margin: 0 auto;
  max-width: 100%;
  width: 60%;
  padding: 1em;
    
}

h1{
    font-weight: 300;
    font-size: 5em;
    padding: 0;
    margin: 0;

}

h2{
    font-size: 5em;
    font-weight: 900;
    padding: 0;
    margin: 0;
}

@media (max-width: 1200px) {
    .box { 
        flex-direction: column;
        position: absolute;
        top: 15%;
    	text-align: center;

    }
    h1,h2{
        font-size: 4em;
    }
}

@media (max-width: 800px) {
    h1,h2{
        font-size: 3em;
    }
    .box{
        position: absolute;
        top: 25%;
    }
    
}