ariane@0: body {
ariane@0:   padding-top: 20px;
ariane@0:   padding-bottom: 20px;
ariane@0: }
ariane@2: /* Custom page container */
ariane@0: .container p {
ariane@0:     font-size: 15px;
ariane@0: }
ariane@2: /* Custom jumbotron */
ariane@12: .jumbotron h3 {
ariane@12:     text-align: center;
ariane@12: }
ariane@12: .jumbotron .demo-btn {
ariane@0:   text-align: center;
ariane@0:   border-bottom: 1px solid #e5e5e5;
ariane@0: }
ariane@0: .jumbotron .btn {
ariane@0:   font-size: 21px;
ariane@0:   padding: 14px 24px;
ariane@0: }
ariane@2: /* Custom page footer */
ariane@2: .footer {
ariane@2:   padding-left: 15px;
ariane@2:   padding-right: 15px;
ariane@2:   padding-top: 19px;
ariane@2:   color: #777;
ariane@2:   border-top: 1px solid #e5e5e5;
ariane@2: }
ariane@2: /* Custom page carousel */
ariane@2: .carousel img {
ariane@6:     max-width: 748px;
ariane@6:     max-height: 400px;
ariane@2: }
ariane@2: .carousel-caption {
ariane@6:     position: relative;
ariane@6:     max-width: 748px;
ariane@6:     margin-top: 20px;
ariane@6:     padding-bottom: 0;
ariane@6:     text-align: left;
ariane@2: }
ariane@2: .carousel-caption a {
ariane@2:     color: #F3F663;
ariane@2: }
ariane@2: .carousel-caption a:hover {
ariane@2:     color: #FFF5A2;
ariane@2: }
ariane@2: /*
ariane@2:  * dive4elements
ariane@2:  * --------------------------------------------------
ariane@2:  */
ariane@2: @media screen and (max-width: 767px) {
ariane@2:   .row-dive4elements {
ariane@2:     position: relative;
ariane@2:     -webkit-transition: all 0.25s ease-out;
ariane@2:     -moz-transition: all 0.25s ease-out;
ariane@2:     transition: all 0.25s ease-out;
ariane@2:   }
ariane@2: 
ariane@2:   .row-dive4elements-right
ariane@2:   .sidebar-dive4elements {
ariane@2:     right: -50%; /* 6 columns */
ariane@2:   }
ariane@2: 
ariane@2:   .row-dive4elements-left
ariane@2:   .sidebar-dive4elements {
ariane@2:     left: -50%; /* 6 columns */
ariane@2:   }
ariane@2: 
ariane@2:   .row-dive4elements-right.active {
ariane@2:     right: 50%; /* 6 columns */
ariane@2:   }
ariane@2: 
ariane@2:   .row-dive4elements-left.active {
ariane@2:     left: 50%; /* 6 columns */
ariane@2:   }
ariane@2: 
ariane@2:   .sidebar-dive4elements {
ariane@2:     position: absolute;
ariane@2:     top: 0;
ariane@2:     width: 50%; /* 6 columns */
ariane@2:   }
ariane@2: }
ariane@0: 
ariane@0: /* Supporting marketing content */
ariane@0: .marketing {
ariane@0:   margin: 40px 0;
ariane@0: }
ariane@0: .marketing p + h4 {
ariane@0:   margin-top: 28px;
ariane@0: }