*{  
    margin:0;  
    padding:0;  
    box-sizing:border-box;  
}  
  
body{  
    font-family:'Montserrat',sans-serif;  
    background:#fff;  
    color:#111;  
    line-height:1.8;  
    padding:60px 20px;  
}  
  
.container{  
    max-width:900px;  
    margin:0 auto;  
}  
  
h1{  
    font-size:40px;  
    font-weight:800;  
    margin-bottom:45px;  
}  
  
h2{  
    font-size:24px;  
    font-weight:700;  
    margin:35px 0 18px;  
}  
  
p{  
    font-size:17px;  
    color:#333;  
    margin-bottom:18px;  
}  
  
ul{  
    margin:15px 0 20px 25px;  
}  
  
li{  
    margin-bottom:10px;  
    color:#333;  
    font-size:17px;  
}  
  
a{  
    color:#111;  
    font-weight:600;  
    text-decoration:none;  
}  
  
a:hover{  
    text-decoration:underline;  
}  
  
@media (max-width: 768px){  
  
    body{  
        padding:40px 18px;  
        line-height:1.7;  
    }  
  
    .container{  
        max-width:100%;  
    }  
  
    h1{  
        font-size:30px;  
        margin-bottom:30px;  
        line-height:1.2;  
    }  
  
    h2{  
        font-size:20px;  
        margin:28px 0 14px;  
        line-height:1.3;  
    }  
  
    p{  
        font-size:15px;  
        margin-bottom:16px;  
    }  
  
    ul{  
        margin:12px 0 18px 20px;  
    }  
  
    li{  
        font-size:15px;  
        margin-bottom:8px;  
    }  
  
}