@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .asset-iphone {
    background-image: url(/images/iphone-on-top@2x.png);
    background-size:cover;
  }
  .asset-pencils {
    background-image: url(/images/pencils-to-right@2x.png);
    background-size:cover;
  }
  .asset-notepad {
    background-image: url(/images/red-notepad@2x.png);
    background-size:cover;
  }
  .asset-coffee-mug {
    background-image: url(/images/coffee-mug@2x.png);
    background-size:cover;
  }
  .asset-trackpad {
    background-image: url(/images/trackpad@2x.png);
    background-size:cover;
  }
  .asset-keyboard {
    background-image: url(/images/keyboard@2x.png);
    background-size:cover;
  }


}
@media (max-width:1200px) {
  .asset-iphone {
    left:20%;
  }
  .asset-notepad {
    left:45%;
  }
  .asset-keyboard {
    left:30%;
  }
  .asset-coffee-mug {
    top:675px;
    left:2%;
  }
  .asset-trackpad {
    top: 540px;
    background-position: 5px 0px;
  }
  .second-content #updates input[type=email] {
    width:255px;
  }
}
@media (max-width:991px) {
  .asset-pencils {
    background-position:80px 0px;
    top:50px;
  }
  .asset-coffee-mug {
    background-position:-120px 0px;
    left:0px;
  }
  .asset-iphone {
    top:-120px;
  }
  .asset-notepad {
    left:initial;
    right:0px;
    background-position:50px 0px;
  }
  .asset-keyboard {
    left:19%;
    top:650px;
  }
  .second-content {
    text-align:center;
  }
  .second-content .big-cta-button {
    margin:10px auto 20px;
  }
  .secondary-text {
    text-align: left;
  }
}
@media (max-width:768px) {
  #main-nav {
/*    width:100%;
    height:100%;
    background-color:rgba(55,55,55,.95);
    position:fixed;
    top:0;
    left:0;
    margin:0;
    z-index:1001;
    border:none;
*/
    border:none;
    position:fixed;
    overflow:scroll;
    top:-100%;
    left:0;
    width:100%;
    height:100% !important;
    margin:0;
    padding:0;
    background-color:rgba(55,55,55,.95);
    z-index:9999;
    opacity:0;
    transition:opacity .5s ease;
    -ms-transition:opacity .5s ease;
    -moz-transition:opacity .5s ease;
    -webkit-transition:opacity .5s ease;
    display:table !important;
  }
  .navbar-toggle {
    display:block;
  }
  #main-nav.collapsing,
  #main-nav.in {
    top:0px;
    opacity:1;
  }
  #main-nav ul {
    float:none !important;
    vertical-align:middle;
    display:table-cell;
  }
  #main-nav ul li {
    margin:40px 10px;
    display:block;
    width:100%;
    height:40px;
    text-align:center;
  }
  #main-nav ul li:first-of-type {
    text-align:right;
    position:absolute;
    top:-1px;
    right:21px;
    width:50px;
  }
  header .menu a.sponsored {
    border: none;
  }
  #main-nav ul li a {
    color:#FFF;
    font-size:30px;
    line-height:50px;
  }
  .fa-times:before {
    content: '\f00d';
  }

  .asset-trackpad {
    top:100px;
  }
  .asset-notepad,
  .asset-pencils {
    background-position:450px 0px;
  }
  .asset-keyboard {
    width:100%;
    left:0px;
    background-position:150px 0px;
  }
  .asset-iphone {
    top:0px;
    left:25%;
  }
  #cta h2 {
    float: left;
  }
  .second-content .sources {
    margin-top: 40px;
  }
  footer {
    text-align: center;
  }
  footer .copyright {
    padding-top: 25px;
  }
  footer .pull-left {
    float: none !important;
  }
  footer .pull-right {
    display: none;
  }
}
@media (max-width:480px) {
  .container-fluid .content {
    padding:0;
  }
  #main-nav ul li:first-of-type {
    top: 4px;
    right: 9px;
  }
  #main-nav ul li a {
    font-size: 24px;
    line-height: 40px;
  }
  .asset-trackpad {
    background-position:200px 0px;
  }
  .asset-iphone {
    top:-120px;
    left:initial;
    right:0px;
  }
  .asset-keyboard {
    top:550px;
  }
  .asset-notepad {
    width:100%;
  }
  #notification-demo {
    width:100%;
    height:5%;
    overflow:hidden;
    top:120px;
  }
  #notification-demo .notification-logo {
  	width: 25%;
  	height: 100%;
  	float: left;
    background-size:60%;
  }
  #notification-demo .notification-logo img {
    width:100%;
    height:100%;
  }
  #notification-demo .notification-content {
  	width: 75%;
  	height: 80px;
  	float: left;
  	padding: 12px 12px 0;
    overflow:hidden;
  }
  #notification-demo .notification-content p#notification-title {
    font-size:13px;
    line-height:14px;
  }
  #notification-demo .notification-content p#notification-body {
    font-size:11px;
  }
  #cta {
    width:100%;
    margin-top:180px;
    padding-right:15px;
    padding-left:15px;
  }
  #cta h2 {
    font-size: 24px;
  }
  #cta .secondary-text {
    font-size: 14px;
  }
  .second-content .big-cta-button,
  #cta .big-cta-button {
    width:100%;
  }
  #cta a#find-out {
    font-size: 14px;
  }
  .second-content .col-sm-12 {
    padding:0;
  }
  .second-content h2 {
    font-size: 24px;
  }
  .second-content h4 {
    line-height:22px;
  }
  .second-content .secondary-text {
    font-size: 14px;
  }
  .second-content h4 {
    font-size: 15px;
  }
  .second-content #updates input[type=email] {
    width: 245px;
    font-size: 15px;
  }
  .second-content #updates input[type=submit] {
    margin-left: 5px;
    font-size: 15px;
  }
  footer {
    padding-right: 0;
    padding-left: 0;
  }
  footer .pull-left {
    width:100%;
    margin-bottom:30px;
  }
  footer a {
    display:block;
    margin:1px auto;
    text-align:center;
    width:100%;
  }
  footer .copyright {
/*    display:none;*/
    margin:10px auto;
    padding-top: 0;
    padding-bottom: 15px;
    text-align:center;
    width:100%;
  }
  
}