body{
    font-family: 'Lato', sans-serif;
    padding-bottom: 0;
}

.container{
    max-width: 1220px;
}

.app-mockup{
    background-image: url('../../images/app-mockup@2x.png');
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 90% auto;
    padding-top: 50% !important;
}

.btn {
	padding: 10px 20px;
}

/*
    Colors
*/

.BrightWhite{ color: #FFF !important; }
.BrightWhiteBg{ background-color: #FFF !important; }

.DodgerBlue{ color: #2699FB !important; }
.DodgerBlueBg{ background-color: #2699FB !important; }

.btn-primary {
    background-color: #2699FB;
    border-color: #2699FB;
}

.Shamrock{ color: #2FCC71 !important; }
.ShamrockBg{ background-color: #2FCC71 !important; }

.Zircon{ color: #F9FCFF !important; }
.ZirconBg{ background-color: #F9FCFF !important; }

.Tiber{ color: #082741 !important; }
.TiberBg{ background-color: #082741 !important; }

.Madison{ color: #0D3F6A !important; }
.MadisonBg{ background-color: #0D3F6A !important; }

.ShuttleGray{ color: #5B7081 !important; }
.ShuttleGrayBg{ background-color: #5B7081 !important; }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    body{
        padding-bottom: 60px;
    }
    .app-mockup{
        background-size: 50% auto;
        padding-top: initial !important;
    }
 }