*{
 background: #fffbf7;
}

body{
    margin: 0;
    padding: 0;
    font-family: Plus Jakarta Sans, sans-serif;
    font-size: 16px;
    box-sizing: border-box;

}
header{
    font-size: 70px;  /* Hay que modificarlo en las media queries para que la imágen no se descentre*/
    line-height: 70px;
    color: #fff;
    padding: 25px 40px 20px 40px; /*aumentar el padding superior para centrar mejor respecto a UNO y no 50*/
    
}
#cont-logo{
    margin: 0 auto;
    max-width: 1900px;
    height: 100px;
}
a{
    text-decoration: none;
}
#link-img{
    display: block; /* se usa para que funcione como un bloque y <a> tenga la misma posición que la imagen*/
    height: 100px;
    width: 340px;
}
img{
    height: 100px;
    width: auto;
}
main{
    padding: 100px;
}
section{
    text-align: center;
    width: 100%;
    max-width: 900px;
    margin: auto;
    padding: 0 5px;
}
#texto{
    margin-bottom: 70px;  
}
p{
    font-size: 25px;
    line-height: 90px;
}
#salto-linea{
    display: block; /* se usa para poder manajar el salto de línea en móvil, simula un <br> en desktop*/
}
section>img{
    width:45px;
    height: 56px;
}
#link-button{
    padding: 15px 30px;
    margin:20px 0;
    background: #e6431c;
    color:white;
    font-size: 25px;
}
@media screen and (max-width:1040){
    #salto-linea{
        display: none;
    }
}
@media screen and (max-width:768px){
    main{
        padding:80px 20px;
    }
   #cont-logo,#link-img,img{
        height: 80px;
    }
    #link-img{
        width: 275px;
    }
}
@media screen and (max-width:480px){
    header{
        font-size: 20px;  
    }
     #cont-logo,#link-img,img{
        height:50px;
    }
    #link-img{
        width: 170px;
    }
    p{
        font-size: 20px;
        line-height: 50px;
    }
}
@media screen and (max-width:320px){
    header{
        font-size: 16px;
    }
    main{
        padding:10px;
    }
    #cont-logo,#link-img,img{
        height:40px;
    }
    #link-img{
        width: 136px;
    }
    
}