Advertisement
Guest User

Untitled

a guest
May 24th, 2018
143
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.92 KB | None | 0 0
  1. /* New sections */
  2. .home-about-us {
  3.   background-color: #f3f3f3;
  4.   padding: 140px 0 0 0;
  5.   margin-bottom: 150px;
  6.   position: relative; }
  7.   @media (max-width: 1200px) {
  8.     .home-about-us {
  9.       padding: 110px 0 75px 0; } }
  10.   @media (max-width: 768px) {
  11.     .home-about-us {
  12.       padding: 50px 0 75px 0;
  13.       margin-bottom: 20px; } }
  14.   .home-about-us:before {
  15.     content: "";
  16.     position: absolute;
  17.     width: 100%;
  18.     height: 50px;
  19.     background-color: #fff;
  20.     bottom: 0;
  21.     left: 0; }
  22.     @media (max-width: 1200px) {
  23.       .home-about-us:before {
  24.         display: none; } }
  25.     @media (max-width: 992px) {
  26.       .home-about-us:before {
  27.         display: block;
  28.         height: 120px; } }
  29.   .home-about-us .section-title {
  30.     text-align: center;
  31.     margin: 0 0 40px 0; }
  32.     @media (max-width: 768px) {
  33.       .home-about-us .section-title {
  34.         margin: 0 0 20px 0; } }
  35.   .home-about-us .featured-imgs {
  36.     display: flex; }
  37.     .home-about-us .featured-imgs .img-block {
  38.       box-shadow: 0px 12px 30px 0px rgba(63, 63, 63, 0.4); }
  39.     .home-about-us .featured-imgs .img-block:first-child {
  40.       margin-right: 20px;
  41.       margin-top: 50px;
  42.       margin-bottom: -50px; }
  43.       @media (max-width: 768px) {
  44.         .home-about-us .featured-imgs .img-block:first-child {
  45.           margin-top: 20px;
  46.           margin-bottom: -20px; } }
  47.   .home-about-us article {
  48.     padding-left: 40px; }
  49.     @media (max-width: 1200px) {
  50.       .home-about-us article {
  51.         padding-left: 20px; } }
  52.     @media (max-width: 992px) {
  53.       .home-about-us article {
  54.         padding-left: 0;
  55.         padding-bottom: 50px; } }
  56.     @media (max-width: 480px) {
  57.       .home-about-us article {
  58.         padding-bottom: 20px; } }
  59.  
  60. .get-started-ma .section-title {
  61.   text-align: center;
  62.   padding: 140px 0 55px; }
  63.   @media (max-width: 768px) {
  64.     .get-started-ma .section-title {
  65.       padding: 70px 0 25px; } }
  66.   .get-started-ma .section-title .subtitle {
  67.     max-width: 665px;
  68.     margin: 0 auto; }
  69.  
  70. .inner-about-us {
  71.   background-color: #f3f3f3;
  72.   padding: 90px 0px 70px;
  73.   margin-bottom: 140px; }
  74.   @media (max-width: 1200px) {
  75.     .inner-about-us {
  76.       margin-bottom: 100px; } }
  77.   @media (max-width: 992px) {
  78.     .inner-about-us {
  79.       padding: 50px 0 40px; } }
  80.   @media (max-width: 768px) {
  81.     .inner-about-us {
  82.       margin-bottom: 50px; } }
  83.   .inner-about-us .section-title {
  84.     padding-left: 30px;
  85.     text-align: right; }
  86.     @media (max-width: 992px) {
  87.       .inner-about-us .section-title {
  88.         text-align: center;
  89.         padding-left: 0; } }
  90.     @media (max-width: 992px) {
  91.       .inner-about-us .section-title {
  92.         padding-left: 0; } }
  93.  
  94. .watchnet-features.watchout-overview.ma-offer-list {
  95.   background-color: #fff;
  96.   margin-bottom: 0;
  97.   padding: 0px 0 100px; }
  98.  
  99. .no-courses {
  100.   text-align: center;
  101.   padding: 0 15px; }
  102.   .no-courses p {
  103.     margin: 0; }
  104.  
  105. /* //New sections */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement