article {padding:60px 0;}

article h2 {color:#343363;}
article h1 {color:#181721;}

@media only screen and (max-width: 1280px){
    article h1 {font-size:130px;margin:0;}
}
@media only screen and (max-width: 1024px){
    article h1 {font-size:100px;}
}
@media only screen and (max-width: 896px){
    article h1 {font-size:95px;line-height:70%;margin-bottom:10px;}
}
@media only screen and (max-width: 768px){
    article {padding:0 5%;}
    article h2 {font-size:61px;line-height: 71px;}
    article h1 {font-size:150px;}
}
@media only screen and (max-width: 640px){
    article h1 {font-size:120px;}
    article h1 > span {letter-spacing:8px;}
}
@media only screen and (max-width: 512px){
    article h1 {font-size:95px;}
}
@media only screen and (max-width: 384px){

}
@media only screen and (max-width: 320px){   
    #feature {margin:30px auto;}
    article h2 {font-size: 45px;line-height: 40px;}
    article h1 {font-size: 75px;}

}