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: }