body { background: #FAF8F5; }
.container { margin:5rem auto; width:960px; }
.brand { width: 80px; margin: auto;}
.brand img { max-width: 100%; }

.device { width: 450px; margin: auto; position: relative; }
.device .iphone { width: 100%; }

.card { width:308px; position: absolute; }
.thumb { width: 54px; margin-top:7px; }
.thumb img { width: 100%; }


.left.card .thumb { float:right; }
.left.card .query { float:left; }

.right.card .thumb { float:left; }
.right.card .query { float:right; }

.query {
  width: 200px;
  border-radius: 4px;
  font-family: Lato-Regular;
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 0.3px;
  line-height: 19px;
  padding: 20px;
  text-align: center;
}
.green  { background: #C4D700; }
.pink   { background: #E87DB8; }
.orange { background: #FBA700; }
.blue   { background: #5BC3CA; }

#girl-1 { left: -54%; top: 272px; }
#girl-2 { left: -54%; top: 480px; }
#guy-1 { right: -54%; top: 196px; }
#guy-2 { right: -54%; top: 390px; }

.appstore-link { width: 192px; display: block; margin: 0 auto; }
.appstore-link img { width: 100%; }


.sub-title {
  margin-top: 60px;
  font-family: Lato-Regular;
  font-size: 10px;
  color: #313131;
  letter-spacing: 3.12px;
  line-height: 12px;
  text-align: center;
}

.social-icons { text-align: center; margin:20px; }

.social-icons a { display: inline-block; width: 18px; }
.social-icons a:first-child { margin-right: 15px; }
.social-icons a img { width: 100%; }