#logo { margin-top:10px;height:30px;margin-left:50px; }
body { padding-top:50px; }

.navbar-white { background-color:#fff;box-shadow:0 0 10px #444;overflow:hidden; }
.navbar-default .navbar-nav>li>a{ color:#3366ff;font-size:1.2em; }
.navbar-default .navbar-nav>li>a:hover{ color:#000; }
.navbar-white .navbar-brand { padding-top:5px; }
.navbar-default .navbar-toggle .icon-bar { background-color:#444; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color:#ccc; }
.iphonefloated {
    position:absolute;
    top:25%;
    left:5%;
    width:250px;
    height:525px;
    background:url(../img/iphone5s_sm.png) no-repeat;
    z-index:10;
    overflow:hidden;
}
.iphonescreen {
    width:209px;
    height:373px;
    margin-top: 78px;
    margin-left: 22px;
    display:block;
    padding:0;
    background-color:#000;
}
.iphonescreen img {
    width:209px;
    height:373px;
    border:0;
    margin:0;
  display:block;
}

#about img { margin:25px auto; }

.container-fluid { padding:0; }
/*.container-fluid, .container { min-height:750px; }*/
.container-fluid .row { margin:0;margin-top:25px; }
.navbar .container { height:auto; }
#header .container { height:auto; }

.downarrow { margin-top:-32px;margin-bottom:100px;text-align:center;overflow:hidden;z-index:100; }
.downarrow img { height:64px;width:64px;border:0;opacity:0.5; }

.bg0 {
    background-image:url('../img/money_wallpaper_dk.jpg');
}
.bg1 {
    background-image:url('../img/francis_pope_bitcoin_2.jpg');
}
.bg2 {
    background-image:url('../img/museum_coinfly.jpg');
}
.bg3 {
    background-image:url('../img/aram_hand_money_airplane.jpg');
}
.bg4 {
    background-image:url('../img/coinfly_overview_v2.jpg');
}

.bg0,.bg1,.bg2,.bg3 ,.bg4 {
    background-position: center left;
    background-repeat: no-repeat;
    background-size: cover;
}

#home,#step1,#step2,#step3,#overview {
    height:800px;
}

@media ( max-width: 640px ) {
    #home,#step1,#step2,#step3,#overview {
        height:auto;
        background-size: cover;
        padding:0;
        margin:0;
    }
}

#home h1 {  }
#home h2 { color:#000000; }
#home .row { margin-top:150px; }

.grbtm { border-bottom:1px solid #ddd; }

.tbl { width:100%; }
.tbl td { padding:5px; }

#footer { width:100%;overflow:hidden;background-color:#fff; }
#footer-content { text-align:center;padding:0;padding-top:50px;padding-bottom:50px;width:100%;overflow:hidden;color:#888; }

.container .slogan { font-size:1.5em;color:#888;clear:left;line-height:1.2em; }

.white { background-color:#fff;color:#555; }
.gray { background-color:#ddd; }
#sharer { text-align:center; }

/* http://css-tricks.com/snippets/css/media-queries-for-standard-devices/ */

/* IPAD */
@media only screen and (device-width: 768px) {
    /* For general iPad layouts */
    .container-fluid, .container { height:auto;min-height:525px; }
    .iphonefloated { position:relative;display:inline block;top:0;margin-bottom:25px; }
    .downarrow { margin-bottom:0;}
    .navbar .container { height:auto;min-height:0; }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    /* tablet/ipad portrait layouts only */
    .iphonefloated { position:relative;display:inline block;top:0;margin-bottom:25px; }
    .downarrow { margin-bottom:0;}
    .navbar .container { height:auto;min-height:0; }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
    /* tablet/ipad landscape layouts only */
    .iphonefloated { position:relative;display:inline block;top:0;margin-bottom:25px; }
    .downarrow { margin-bottom:0;}
    .navbar .container { height:auto;min-height:0; }
}

/* IPHONE - smartphones styles */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
    body { padding: 0; }
    video { width: 90%; }
    #home { margin-top:10px; }
    #home h1 { font-size:2em; }
    #home .row { margin-top:50px; }
    .container-fluid, .container { height:auto; }
    .navbar .container { height:auto;min-height:0; }
    .downarrow { display:none; }
    .container-fluid, .container h2 { margin-top:25px; }
}