.main {
    width:100%;
    box-sizing: border-box;
    padding:15em 8em;
    background-repeat: no-repeat;
    background-size:cover;
}

    h1, .main p {
        width:75%;
        max-width:900px;
        text-align: center;
        display:block;
        margin: 0 auto;
    }
    
    h1 {
        font-size:5em;
        font-weight:100;
        margin-bottom:0.5em;
    }
    
    .main p {
        font-size:1.5em;
        line-height:2;
        font-weight:400;
        margin-bottom:2em;
    }
    
        .main p:last-child {
            margin-bottom:0;
        }
        
@media screen and (max-width: 1050px) {
    
    h1, .main p {
        width:100%;
    }
    
}

@media screen and (max-width:800px) {

    .main {
        padding:8em;
    }
}

@media screen and (max-width: 550px) {
    .main {
        padding:4em;
    }
    
    h1 {
        font-size:3em;
    } 
}

@media screen and (max-width: 300px) {
    
    h1 {
        font-size:2.5em;
    }
}