.navbar{
  background-color: rgb(246, 246, 246);
}

.logo {
    display: inline-block;
    vertical-align: top;
    height: 40px;
}

body{
  background-color: rgb(246, 246, 246);
  /*font-family: "Avenir", Arial, "Helvetica Neue", Helvetica, sans-serif;*/
  color: rgb(35, 42, 85);
  line-height: 20px;
}


.sub-header{
  font-size: 1.75rem;
}

.bg-main-color{
  background-color: #31198C;
}

.tech-logo{
  /*height: 64px;*/
  width: 84px;
}

.stack-logo{
  /*height: 64px;*/
  width: 100px;
}

.qrcode{
  /*height: 64px;*/
  width: 150px;
}

.no-border{
  border: 0px solid rgba(0,0,0,.125);
}

.quote{
  max-width: 600px;
}

.lead{
  line-height: 28px;
}

.card{
    /*background-color: transparent;*/
}

.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:visited,
.btn-primary:focus {
    background-color: #FF5959;
    border-color: #FF5959;
}

.btn-outline-primary,
.btn-outline-primary:active,
.btn-outline-primary:visited,
.btn-outline-primary:focus {
    border-color: #FF5959;
    color: #FF5959;
}

.btn-outline-primary:hover {
  background-color: #FF5959;
  border-color:#FF5959;
  color: white;
}

::selection{
  background-color: #ccc;
};

.cta-section {
    background: rgba(0, 0, 0, 0) url("/static/images/cta.jpg") no-repeat scroll left top / cover;
    padding: 55px 0;
}
.black-trans-bg {
    position: relative;
}
.black-trans-bg::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.3;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.cta-title h2 {
    color: #fff;
    display: inline-block;
    font-size: 26px;
    line-height: 30px;
    padding: 16px 0;
    text-transform: uppercase;
}
.cta-title a {
    margin-top:26px;
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    float: right;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    padding: 9px 18px;
    text-transform: uppercase;
}

/*****************************************************************************************************/

.al-cta-flat {
     background:#1d1f2b;
     /*font-family: 'Source Sans Pro', sans-serif;*/
     padding:100px 0;
}
 .al-cta-flat .al-cta-box h2 {
     color:#fff;
     font-size:42px;
     font-weight:900;
}
 .al-cta-flat .al-cta-box p {
     color:#dcdcdc;
     font-size:22px;
}
 .al-cta-flat .al-cta-box .btn {
     border-radius:30px;
}

/*****************************************************************************************************/

.hero{
  background-color: white;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media only screen (max-width: 768px){

.nav-i {
  display: none;
}

}