@media (min-width: 768px) and (max-width: 1024px) { /* TOP BAR ELEMENTS */ /* HOME */ .intro { margin-top: 40%; line-height: 55px; font-size: 45px; } /* ABOUT US */ .big-intro { text-align: center !important; } .about-us .column { margin-bottom: 40px; } .skills { margin-bottom: 78px !important; } /* TEAM */ .team-member .profile-pic { width: 128px; height: 128px; } /* PURCHASE NOW */ .purchase-now { margin: auto; text-align: center !important; } .purchase-now h3 { text-align: center; margin-bottom: 20px; } .purchase-now .button { float: none; } /* FOOTER */ .company-details { padding-top: 0; padding-bottom: 33px; } .copyright { width: 100%; padding-top: 33px; padding-bottom: 33px; } } @media (max-width: 767px) { .bs-navbar-collapse { border: 0; } .navbar-inverse .navbar-nav { padding-left: 10px; line-height: normal; text-align: center; } .navbar-inverse .navbar-nav>li { display: inline-block; margin-bottom: 0; } /* HOME */ .header { min-height: inherit; padding-bottom: 75px; } .intro { line-height: 55px; font-size: 40px; } /* ABOUT US */ .big-intro { text-align: center !important; font-size: 8vw !important; } .about-us .column { margin-bottom: 40px; } .skills { margin-bottom: 78px !important; text-align: center } /* PURCHASE NOW */ .purchase-now { margin: auto; text-align: center !important; } .purchase-now h3 { text-align: center; margin-bottom: 20px; } .purchase-now .button { float: none; } /* FOOTER */ footer { padding-top: 40px; } .company-details { padding-top: 0; padding-bottom: 33px; } .copyright { width: 100%; padding-top: 33px; padding-bottom: 33px; } } @media (max-width: 480px) { /* HOME */ .intro { margin-top: 60%; line-height: 6vh; font-size: 6.5vw; } h2 { font-size: 6.5vw !important; } .other-focus-list ul li { display: block; text-align: left; margin-right: 0; } } @media only screen (max-width: 320px) { .intro { line-height: 25px; font-size: 7vw; } .client-list ul li { display: block; } }