*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
background:#0c0c0c;
color:#f2f2f2;
font-family:Arial, Helvetica, sans-serif;
line-height:1.8;
}

.container{
width:min(1100px,90%);
margin:auto;
padding:90px 0;
}

.hero{
margin-bottom:90px;
}

.small{
font-size:14px;
letter-spacing:2px;
color:#888;
margin-bottom:20px;
}

h1{
font-size:64px;
line-height:1.1;
margin-bottom:35px;
}

.lead{
font-size:22px;
color:#d0d0d0;
margin-bottom:25px;
}

.section{
margin-bottom:80px;
}

h2{
font-size:34px;
margin-bottom:25px;
}

h3{
font-size:24px;
margin-top:35px;
margin-bottom:12px;
}

p, li{
font-size:18px;
color:#cfcfcf;
}

ul{
padding-left:25px;
}

li{
margin-bottom:12px;
}

@media(max-width:768px){

h1{
font-size:42px;
}

.lead{
font-size:18px;
}

h2{
font-size:28px;
}

}