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-caption {
ariane@6:     position: relative;
ariane@54:     margin-top: 10px;
ariane@54:     margin-bottom: 5px;
ariane@21:     margin-right: 250px;
ariane@54:     text-align: center;
ariane@54:     color: #323;
ariane@2: }
ariane@54: 
ariane@21: .carousel-img {
ariane@21:     width: 755px;
ariane@21:     height: 525px;
ariane@2: }
ariane@54: 
ariane@54: .carousel-indicators li {
ariane@54:     border: 2px solid #323;
ariane@54: }
ariane@54: .carousel-indicators .active {
ariane@54:     border: 2px solid #323;
ariane@54:     background-color: #323;
ariane@54: }
ariane@54: 
ariane@54: 
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: }