body{
margin:0;
font-family:Arial, sans-serif;
background:#f2f2f2;
}

.wrap{
max-width:900px;
margin:auto;
background:#fff;
padding:20px;
}

h1{
text-align:center;
}

.sub{
text-align:center;
color:#555;
}

.grid{
display:flex;
justify-content:space-between;
margin:30px 0;
}

.item{
width:18%;
text-align:center;
}

.box{
height:120px;
background:#ddd;
}

.rank{
font-weight:bold;
}

.gold{
color:#d4af37;
}

.best{
border:3px solid #27ae60;
padding:5px;
}

.best-label{
color:#27ae60;
font-weight:bold;
}

.review{
border-top:2px solid #ddd;
padding-top:20px;
}

.score{
display:flex;
justify-content:space-between;
font-size:20px;
}

.grade{
color:green;
font-weight:bold;
}

.cols{
display:flex;
justify-content:space-between;
}

.pros li{
color:green;
}

.cons li{
color:#c0392b;
}

.cta{
display:block;
margin:20px auto;
background:#27ae60;
color:#fff;
padding:15px;
text-align:center;
text-decoration:none;
font-size:18px;
}

.competitor{
border-top:1px solid #ddd;
margin-top:30px;
padding-top:20px;
}

.bad{
color:#c0392b;
font-weight:bold;
}

.disc{
font-size:12px;
color:#777;
margin-top:40px;
text-align:center;
}