@media (max-width: 1199.98px) {
       .owner {
           overflow: hidden;
           height: 250px;
           width: 250px;
       }
   }
   
   @media (max-width: 991.98px) {
       .owner {
           overflow: hidden;
           height: 150px;
           width: 150px;
       }
       #logo {
           font-size: 1.55rem
       }
   }
   
   @media (max-width: 768px) {
       .owner {
           overflow: hidden;
           height: 250px;
           width: 250px;
       }
       .blog-sidebar {
           display: none;
       }
       .container {
           max-width: 100%;
       }
       .container-sm {
           max-width: 100%;
       }
       .featured:hover {
           background-color: teal;
           background-repeat: no-repeat;
           background-attachment: fixed;
           background-size: cover;
           transition: height 1s;
           -webkit-transition: 1s;
           -moz-transition: 1s;
           -o-transition: 1s;
       }
   }
   
   @media (max-width:576) {}
   
   @media (min-width: 576px) {
       .parties {
           width: 75%;
           height: 200px;
       }
   }
   
   @media (min-width: 768px) {
       #carouselExampleIndicators {
           display: none;
       }
   }
   
   @media (min-width: 990px) {}
   
   main {
       padding-top: 10px;
   }
   
   .redemption {
       overflow-x: hidden;
       height: auto;
       max-width: 100%;
   }
   
   #card-product {
       margin-left: 5px;
       padding-left: 5px;
       padding-right: 5px;
   }
   /* Style the video: 100% width and height to cover the entire window */
   
   .flip-card:hover .flip-card-inner {
       transform: rotateY(180deg);
       box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
   }
   
   #card-product:hover {
       box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
       background-color: #555;
       /* Add a dark-grey background on hover */
   }
   
   .square {
       max-width: 250px;
       max-height: 250px;
       margin-left: auto;
       margin-right: auto;
   }
   
   .mobile {
       height: 200px;
       margin-left: auto;
       margin-right: auto;
       width: 100%;
       background-color: #cccccc;
   }
   
   .side .bd-placeholder-img {
       font-size: 1.125rem;
       text-anchor: middle;
       -webkit-user-select: none;
       -moz-user-select: none;
       -ms-user-select: none;
       user-select: none;
   }
   
   body {
       background-image: url('../imgs/texture.jpg');
       background-color: rgb(83, 83, 83);
       background-repeat: no-repeat;
       background-attachment: fixed;
       background-size: cover;
       position: relative;
       overflow-x: hidden;
   }
   /* stylelint-disable selector-list-comma-newline-after */
   
   .blog-header {
       line-height: 1;
       border-bottom: 1px solid #e5e5e5;
   }
   
   .blog-header-logo {
       font-family: "Playfair Display", Georgia, "Times New Roman", serif;
       font-size: 2.25rem;
   }
   
   .blog-header-logo:hover {
       text-decoration: none;
   }
   
   h1,
   h2,
   h3,
   h4,
   h5,
   h6 {
       font-family: "Playfair Display", Georgia, "Times New Roman", serif;
   }
   
   .display-4 {
       font-size: 2.5rem;
   }
   
   .container {
       padding: 2px 16px;
   }
   
   @media (min-width: 768px) {
       .display-4 {
           font-size: 3rem;
       }
       #mobile-menu {
           display: none;
       }
       #sidebar-wrapper {
           display: none;
       }
   }
   /* SIDE BAR */
   
   .sidebar-x {
       background-image: url('../imgs/x.svg');
       background-position: right;
       background-repeat: no-repeat;
       background-size: 25px;
       right: 25px;
   }
   
   .sidebar-x:hover {
       background-size: 35px;
       transition: .25s;
       -webkit-transition: .25s;
       -moz-transition: .25s;
       -o-transition: .25s;
   }
   
   .hover:hover {
       background-color: gray;
       background-repeat: no-repeat;
       background-attachment: fixed;
       background-size: cover;
       transition: height 1s;
       -webkit-transition: 1s;
       -moz-transition: 1s;
       -o-transition: 1s;
   }
   
   #sidebar-wrapper {
       position: absolute;
       margin-top: 100px;
       z-index: 100;
       min-height: 100vh;
       margin-left: -15rem;
       -webkit-transition: margin .25s ease-out;
       -moz-transition: margin .25s ease-out;
       -o-transition: margin .25s ease-out;
       transition: margin .25s ease-out;
   }
   
   #sidebar-wrapper .sidebar-heading {
       padding: 0.875rem 1.25rem;
       font-size: 1.2rem;
   }
   
   #sidebar-wrapper .list-group {
       width: 15rem;
   }
   
   #page-content-wrapper {
       min-width: 100vw;
   }
   
   #wrapper.toggled #sidebar-wrapper {
       margin-left: 0;
   }
   
   @media (min-width: 768px) {
       #sidebar-wrapper {
           margin-left: 0;
       }
       #page-content-wrapper {
           min-width: 0;
           width: 100%;
       }
       #wrapper.toggled #sidebar-wrapper {
           margin-left: -15rem;
       }
   }
   /* SIDE BAR END */
   
   #topBtn {
       display: none;
       /* Hidden by default */
       position: fixed;
       /* Fixed/sticky position */
       bottom: 20px;
       /* Place the button at the bottom of the page */
       right: 30px;
       /* Place the button 30px from the right */
       z-index: 99;
       /* Make sure it does not overlap */
       border: none;
       /* Remove borders */
       outline: none;
       /* Remove outline */
       background-color: red;
       /* Set a background color */
       color: white;
       /* Text color */
       cursor: pointer;
       /* Add a mouse pointer on hover */
       padding: 15px;
       /* Some padding */
       border-radius: 10px;
       /* Rounded corners */
       font-size: 18px;
       /* Increase font size */
   }
   
   #myBtn:hover {
       background-color: #555;
       /* Add a dark-grey background on hover */
   }
   
   @media (max-width: 768px) {
       #mobile-menu {
           display: inline;
       }
       .nav-scroller {
           display: none;
       }
   }
   /* Hamburger Icon For Mobile */
   
   .bar1,
   .bar2,
   .bar3 {
       width: 35px;
       height: 5px;
       background-color: #333;
       margin: 6px 0;
       transition: 0.4s;
   }
   
   .change .bar1 {
       -webkit-transform: rotate(-45deg) translate(-9px, 6px);
       transform: rotate(-45deg) translate(-9px, 6px);
   }
   
   .change .bar2 {
       opacity: 0;
   }
   
   .change .bar3 {
       -webkit-transform: rotate(45deg) translate(-8px, -8px);
       transform: rotate(45deg) translate(-8px, -8px);
   }
   
   .no-margin-bot {
       margin-bottom: 0px;
   }
   
   .row {
       margin-left: 0px;
       margin-right: 0px;
   }
   
   .card-img {
       height: auto;
   }
   
   .nav-scroller {
       position: relative;
       z-index: 2;
       height: 2.75rem;
       overflow-y: hidden;
   }
   
   .nav-scroller .nav {
       display: -ms-flexbox;
       display: flex;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       padding-bottom: 1rem;
       margin-top: -1px;
       overflow-x: auto;
       text-align: center;
       white-space: nowrap;
       -webkit-overflow-scrolling: touch;
   }
   
   .nav-scroller .nav-link {
       padding-top: .75rem;
       padding-bottom: .75rem;
       font-size: .875rem;
   }
   
   .card-img-right {
       height: 100%;
       border-radius: 0 3px 3px 0;
   }
   
   .flex-auto {
       -ms-flex: 0 0 auto;
       flex: 0 0 auto;
   }
   
   .h-250 {
       height: 250px;
   }
   
   @media (min-width: 768px) {
       .h-md-250 {
           height: 250px;
       }
   }
   /* Pagination */
   
   .blog-pagination {
       margin-bottom: 4rem;
   }
   
   .blog-pagination>.btn {
       border-radius: 2rem;
   }
   /*
 * Blog posts
 */
   
   .blog-post {
       margin-bottom: 4rem;
   }
   
   .blog-post-title {
       margin-bottom: .25rem;
       font-size: 2.5rem;
   }
   
   .blog-post-meta {
       margin-bottom: 1.25rem;
       color: #999;
   }
   /*
 * Footer
 */
   
   .blog-footer {
       padding: 2.5rem 0;
       color: #999;
       text-align: center;
       background-color: #f9f9f9;
       border-top: .05rem solid #e5e5e5;
   }
   
   .blog-footer p:last-child {
       margin-bottom: 0;
   }
   /* STICKY HEADER */
   /* Style the header */
   
   .header {
       padding: 10px 16px;
       background: #555;
       color: #f1f1f1;
   }
   /* Page content */
   
   .content {
       padding: 16px;
   }
   /* The sticky class is added to the header with JS when it reaches its scroll position */
   
   .sticky {
       position: fixed;
       top: 0;
       width: 100%;
       right: 0;
       z-index: 1000;
       background-color: white;
       font-weight: 2em;
       color: whitesmoke;
   }
   /* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
   
   .sticky+.content {
       padding-top: 102px;
   }
   
   #comingSoon {
       min-height: 100%;
       min-width: 100%;
   }
   
   #alert {
       width: 200px;
       height: 200px;
   }