/*Navbar*/ .navbar, .tudelft { /* background-color: #007bc0; */ background-color: #1d3056; /* background-color: #00A6D6; */ } /* @media(max-width: 992px) { .navbar { min-height: 80px; } .navbar-toggler-icon { width: 2em; height: 2em; } body { font-size: 1.5em; } } @media(max-width: 992px) { .logo { height: 45px; } } */ .logo { height: 35px; } .navbar-light .navbar-nav .nav-link, .tudelft { color: #fff; } .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: #de1b2c; } /*Content*/ /* .container-center { text-align: center; } @media(min-width: 992px) { .content { width: 80%; } } */ .content { padding: 1rem; display: inline-block; text-align: left; } /********* Simple or original overlay *******/ /* Main container */ .overlay-image { position: relative; width: 100%; } /* Original image */ .overlay-image .image { display: block; width: 100%; height: auto; } /* Original text overlay */ .overlay-image .text { color: #fff; font-size: 30px; line-height: 1.5em; text-shadow: 2px 2px 2px #000; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; } /********* Overlay on hover *******/ /* New overlay on hover */ .overlay-image .hover { position: absolute; top: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; } /* New overlay appearance on hover */ .overlay-image:hover .hover { opacity: 1; } /* Make card pictures equal size */ .people-card img.card-img-top { height: 350px; object-fit: cover; object-position: 50% 0%; } @media (max-width: 1199px){.people-card img.card-img-top { height: 400px; } } @media (max-width: 991px){ .people-card img.card-img-top { height: 450px; } } @media (max-width: 767px){ .people-card img.card-img-top { height: 600px; } }