/* August 20th 2020 * Intended to supplement Bootstrap's framework */ /* Make the image fully responsive */ .carousel-inner img { width: 100%; height: 100%; } @media all { .page-break { display: none; } } @media print { .page-break { display: block; page-break-before: always; } } @media print { .col-print-6 { max-width: 50%; flex: 0 0 50%; } } @media print { .col-print-12 { max-width: 100%; flex: 0 0 100%; } } /* https://getbootstrap.com/docs/4.0/layout/overview/ */ /* https://v4-alpha.getbootstrap.com/layout/responsive-utilities/ */ @media (max-width: 575.98px){ div.need576 { display: none; /* less than landscape phone devices won't display */ } } /* Extra Small devices (portrait phones) */ @media (min-width: 576px) { div.nomorethan575{ display: none; } } /* Medium devices and larger (tablets, 768px and up.) */ @media (max-width: 767px) { div.need768 { display: none; /* less than medium devices won't display */ } } /* Small and Extra Small devices (portrait and landscape phones) */ @media (min-width: 768px) { div.nomorethan767{ display: none; } } /* Large devices and larger (desktops, 992px and up) */ @media (max-width: 991px) { div.need992 { display: none; } } /* Medium and below */ @media (min-width: 992px) { div.nomorethan991{ display: none; } } /* Extra large */ @media (max-width: 1199px) { div.need1200 { display: none; } } /* Less than extra large*/ @media (min-width: 1200px) { div.nomorethan1199{ display: none; } } /* Extra small devices (portrait phones, less than 576px) */ @media (max-width: 575.98px) { div.extrasmalldevices{ } } /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) and (max-width: 767.98px) { div.smalldevices{ } } /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) and (max-width: 991.98px) { div.mediumdevices{ } } /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) and (max-width: 1199.98px) { div.largedevices{ } } /* Extra large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { div.extralargedevices{ } } /* This can be added to responsive columns */ .col-centered { float: none; margin: 0 auto; }