/* ============================================================================ For help go to: http://www.w3schools.com/bootstrap/bootstrap_grid_system.asp ============================================================================ */ /* */ /* */ body { background: #eee; font-size: 15px; } .second { margin-left: 1em; } #image { margin-left: 2.5em; } #contact { float: right; color: #fff; text-decoration: none; margin-right: 32em; } #testimonial { text-align: center; } /* */ /* */ .videos { margin-top: -2em; margin-left: -6em; } /* */ /* */ .navbar-brand { font-family: 'Kaushan Script', cursive; font-size: 250%; } /* */ /* */ .col-md-5, h1, .col-md-7 { background-color: #eee; } video { align-content: center; margin-left: 10em; } h1 { margin-left: 1.5em; font-family: 'Lobster Two', cursive; color: #A7A37E; } /* */ /* */ /* */ @media screen and (min-width: 1920px) { body { margin-top: 2em; } } @media screen and (min-width: 1200px) { video { align-content: center; margin-left: 10em; } /* footer */ footer { background-color: #000; color: #fff; margin: 0 auto; text-align: center; } p { margin: 0 0 0px; } } @media screen and (min-width: 992px) and (max-width: 1199px) { #testimonial { margin-left: -3em; } video { align-content: center; margin-left: 7em; } /* footer */ footer { background-color: #000; color: #fff; margin: 0 auto; text-align: center; } p { margin: 0 0 0px; } } @media screen and (min-width: 768px) and (max-width: 991px) { .videos { margin-top: 3em; margin-left: 5em; } video { align-content: center; margin-left: 8em; } /*footer */ footer { background-color: #000; color: #fff; margin: 0 auto; text-align: center; } p { margin: 0 0 0px; } } } @media screen and (min-width: 768px) and (max-width: 991px) { video { align-content: center; margin-left: 1em; } .videos { margin-left: 5em; } /*footer */ footer { background-color: #000; color: #fff; margin: 0 auto; text-align: center; } p { margin: 0 0 0px; } } @media screen and (max-width: 767px) { video { align-content: center; margin-left: 7em; } .videos { margin-top: 1.5em; } /* footer */ footer { background-color: #000; color: #fff; margin: 0 auto; text-align: center; } p { margin: 0 0 0px; } } @media screen and (max-width: 480px) { video { align-content: center; margin-left: 4.5em; margin-top: 1.5em; width: 90%; height: 100%; } /* footer */ footer { background-color: #000; color: #fff; margin: 0 auto; text-align: center; } p { margin: 0 0 0px; } .nav>li { float: left; display: block; } #image { margin-left: -.5em; } #titleAbout { margin-left: -.1em; } }