.carousel img { height: 100%!important; } @media (max-width: 992px) { .carousel .item { height: 400px; } } @media (max-width: 768px) { .carousel .item { height: 250px; } } @media (min-width: 992px) { .carousel .item { height: 500px; } } .navbar-default { background-color: transparent; border: 0; } .project { padding-top: 30px; text-align: center; } .project .container div a { display: block; height: 200px; background-color: skyblue; }