html,
body {
    overflow-y: scroll;
}

html,
body {
    height: 100%;
    width: 100%;
}

.preload-section {
    display: none;
}

.tss-wrapper .rt-loading-overlay {
    background-color: transparent !important;
}

body {
	background-color: rgb(65, 116, 254);
	background-image: url('/wp-content/themes/markandmaria/img/main-bg-f.webp');
	padding-top: 50px;
	background-repeat: no-repeat;
    background-size: cover; /* Ensures the image covers the full page */
    background-position: center center; /* Center the image */
    background-attachment: fixed; /* Makes the image fixed while scrolling (optional) */
    margin: 0;
    height: 100%; /* Ensure the body covers full height */
}

#header ~ hr {
    display: none;
}

/* navbar */
.navbar {
	flex-direction: column;
	width: 95%;
	margin: 0 auto;
}

.navbar-brand {
	text-transform: uppercase;
	font-size: 2.3vw;
	padding-bottom: 0;
}

.nav-link,
.dropdown-menu li a {
	text-transform: uppercase;
}

/* Hide images by default */
.placeholder-image {
  display: none;
    width: 60px;
    height: auto;
    margin-top: -20px;
}

/* Show images when hovering over the parent menu item */
.nav-item.dropdown:hover .placeholder-image {
  display: block;
}


.dropdown-menu li a:link,
.dropdown-menu li a:visited
.dropdown-menu li a:hover,
.dropdown-menu li a:active {
    background: transparent !important;
    color: #000 !important;
}

.bg-markandmaria {
	background: url('/wp-content/themes/markandmaria/img/navigation.webp') no-repeat;
	background-size: 100% auto;
    height: 205px;
    padding: 42px;
    margin: 0 auto;
}

#navbarNav > ul > li.nav-item > a {
	padding-top: 0;
	padding-left: 25px;
	padding-right: 25px;
	font-size: 16px;
	text-transform: uppercase;
}

.navbar-toggler {
    border: 0 !important;
    outline: 0 !important;
}

.nav-link {
	color: #000 !important
}

.fa-caret-down {
	margin: 4px;
}

.desktop .secondary-section {
    flex-direction: column; 
    align-items: center; 
    min-width: 400px; 
    max-width: 400px;
}

.page-id-76 .desktop .secondary-section,
.page-id-78 .desktop .secondary-section, 
.page-id-11 .desktop .secondary-section,
.page-id-13 .desktop .secondary-section,
.page-id-15 .desktop .secondary-section {
    min-width: 840px; 
    max-width: 840px;
}

.desktop .chapters .secondary-section {
    flex-direction: column; 
    align-items: center; 
    min-width: 400px; 
    max-width: 400px;
    margin: 0 auto;
}

.left-image-topleft {
    width: 33px; 
    background: url('/wp-content/themes/markandmaria/img/bg-image.jpeg') no-repeat left top;     
    height: 33px;
    background-size: auto 448px;
}

.left-image-topmiddle {
    background: url('/wp-content/themes/markandmaria/img/bg-image.jpeg') no-repeat center top;     
    height: 33px;
    background-size: auto 448px;
    width: 300px;
}

.left-image-topright {
    width: 33px; 
    background: url('/wp-content/themes/markandmaria/img/bg-image.jpeg') no-repeat right top;     
    height: 33px;
    background-size: auto 448px;
}

.left-image-middleleft {
    background: url('/wp-content/themes/markandmaria/img/bg-image.jpeg') no-repeat left center; 
    width: 33px; 
    background-size: auto 450px;
}
.left-image-center {
    width: 300px;
    min-height: 388px;
    /*background-color: rgb(230 , 210, 125);*/
}
.left-image-middleright {
    background: url('/wp-content/themes/markandmaria/img/bg-image.jpeg') no-repeat right center; 
    width: 33px; 
    background-size: auto 450px;
}

.left-image-bottomleft {
    width: 33px; 
    background: url('/wp-content/themes/markandmaria/img/bg-image.jpeg') no-repeat left bottom; 
    height: 33px;
    background-size: auto 448px;
}
.left-image-bottommiddle {
    background: url('/wp-content/themes/markandmaria/img/bg-image.jpeg') no-repeat center bottom; height: 33px;
    background-size: auto 448px;
    width: 300px;
}
.left-image-bottomright {
    width: 33px; background: url('/wp-content/themes/markandmaria/img/bg-image.jpeg') no-repeat right bottom; height: 33px;
    background-size: auto 448px;
}

.right-paper-top {
    background: url(/wp-content/themes/markandmaria/img/paper.png);
    height: 75px;
    width: 100%;
    background-size: 100% auto;
}
.right-paper-center {
    background: url(/wp-content/themes/markandmaria/img/paper.png) no-repeat 0 45%;
    /*background: url(/wp-content/themes/markandmaria/img/paper-horizontal.png) no-repeat 0 45%;*/
    background-size: 100% 125%;
    width: 100%;
    justify-content: center;
    display: flex;
    flex-direction: column;
    padding: 20px 55px;
    text-align: center;
    min-height: 390px;
}
.right-paper-bottom {
    background: url(/wp-content/themes/markandmaria/img/paper.png) 0 -741px;
    height: 75px;
    width: 100%;
    background-size: 100% auto;
}

.page-id-76 .right-paper-center,
.page-id-78 .right-paper-center,
.page-id-11 .right-paper-center,
.page-id-13 .right-paper-center,
.page-id-15 .right-paper-center {
    background-size: 100% 100%;
    margin-top: 10px;
    min-height: 490px;
    padding: 20px 100px;
}

/*.primary-section,*/
/*.secondary-section,*/
/*.third-section {*/
/*    max-width: 33%;*/
/*}*/

.primary-topleft {
    width: 33px; background: url('/wp-content/themes/markandmaria/img/bg-image.jpeg') no-repeat left top;     height: 33px;
    background-size: auto 448px;
}
.primary-topmiddle {
    background: url('/wp-content/themes/markandmaria/img/bg-image.jpeg') no-repeat center top;     height: 33px;
    background-size: auto 448px;
    width: 300px;
}
.primary-topright {
    width: 33px; background: url('/wp-content/themes/markandmaria/img/bg-image.jpeg') no-repeat right top;     height: 33px;
    background-size: auto 448px;
}
.primary-middleleft { 
    background: url('/wp-content/themes/markandmaria/img/bg-image.jpeg') no-repeat left center; width: 33px; background-size: auto 450px
}
.primary-middleright {
    background: url('/wp-content/themes/markandmaria/img/bg-image.jpeg') no-repeat right center; width: 33px; background-size: auto 450px;
}
.primary-bottomleft { 
    width: 33px; background: url('/wp-content/themes/markandmaria/img/bg-image.jpeg') no-repeat left bottom; height: 33px;
    background-size: auto 448px;
}
.primary-bottommiddle { 
    background: url('/wp-content/themes/markandmaria/img/bg-image.jpeg') no-repeat center bottom; height: 33px;
    background-size: auto 448px;
    width: 300px;
}
.primary-bottomright {
    width: 33px; background: url('/wp-content/themes/markandmaria/img/bg-image.jpeg') no-repeat right bottom; height: 33px;
    background-size: auto 448px;
}

.secondary-section {
    flex-direction: column; align-items: center; min-width: 400px; max-width: 400px;
}

.secondary-section-top {
    background: url(/wp-content/themes/markandmaria/img/paper.png);
    height: 75px;
    width: 100%;
    background-size: 100% auto;
}
.secondary-section-middle {
    background: url(/wp-content/themes/markandmaria/img/paper.png) no-repeat 0 45%;
    background-size: 100% 125%;
    width: 100%;
    justify-content: center;
    display: flex;
    flex-direction: column;
    padding: 20px 55px;
    text-align: center;
    min-height: 390px;
}
           
.secondary-section-bottom { 
    background: url(/wp-content/themes/markandmaria/img/paper.png) 0 -741px;
    height: 75px;
    width: 100%;
    background-size: 100% auto;
}
.vid-block-topleft {
	width: 33px; 
	background: url('/wp-content/themes/markandmaria/img/bg-image-h.png') no-repeat left top;     
	height: 33px;
    background-size: auto 375px;
}
.vid-block-topmiddle {
	background: url(/wp-content/themes/markandmaria/img/bg-image-h.png) center top;
    height: 33px;
    background-size: auto;
    width: 500px;
}
.vid-block-topright {
	width: 33px;
    background: url(/wp-content/themes/markandmaria/img/bg-image-h.png) no-repeat right top;
    height: 33px;
	background-size: auto 375px;
}
.vid-block-middleleft {
	background: url(/wp-content/themes/markandmaria/img/bg-image.jpeg) no-repeat left center;
    width: 33px;
    background-size: auto 400px; 
	height: 280px;
}
.vid-block-center {
	width: 500px; height: 280px;
}
.vid-block-middleright {
	background: url(/wp-content/themes/markandmaria/img/bg-image-h.png) no-repeat right center;
    width: 33px;
    background-size: auto 400px; height: 280px;
}
.vid-block-bottomleft {
	width: 33px; 
	background: url('/wp-content/themes/markandmaria/img/bg-image-h.png') no-repeat left bottom;     
	height: 33px;
    background-size: auto 375px;
}
.vid-block-bottommiddle {
	background: url(/wp-content/themes/markandmaria/img/bg-image-h.png) center bottom;
    height: 33px;
    background-size: auto;
    width: 500px;
}
.vid-block-bottomright {
	width: 33px;     
    background: url(/wp-content/themes/markandmaria/img/bg-image-h.png) no-repeat right bottom;
    height: 33px;
    background-size: auto 375px;
}

/* Initially hide the mobile nav */
#mobileNav {
  margin-left: -100%;
  /*opacity: 0;*/
  transition: opacity 0.3s ease-in-out;
  z-index: 9999;
}

.btn-close {
    cursor: pointer;
}

.the-book,
.chapters,
.author,
.monkey,
.love {
    flex-direction: row;
    display: flex;
}

.shop {
    margin: 0 auto;
}

.monkey video,
.love video {
    object-fit: cover !important;
    height: 100% !important;
}

.hotspots-interaction {
    margin: 0 !important;
}

.maxheight-video {
    max-height: 400px;
    min-height: 400px;
}

.maxheight-video video {
    height: 100% !important; 
    object-fit: cover !important;
}

.contact {
    /*background: url('/wp-content/themes/markandmaria/img/paper-horizontal.png') no-repeat;*/
    justify-content: center;
    display: flex;
    background-position: center top;
    height: auto;
}

.contact .wpcf7-textarea {
    height: 80px;
}

.contact form {
    margin-top: 15px !important;
    width: 100%;
    margin: 0 auto;
}

.contact.mobile form .row {
    flex-direction: column;
    display: flex;
}

.contact.desktop .contact-top {
    background: url(/wp-content/themes/markandmaria/img/paper-h.png) no-repeat;
    height: 70px;
    width: 100%;
    background-size: 100% auto;
}

.contact.desktop .contact-middle {
    background: url(/wp-content/themes/markandmaria/img/paper-h.png) 0px -61px no-repeat;
    height: 270px;
    width: 100%;
    background-size: 100% auto;
    padding-top: 5px;
}

.contact.desktop .contact-bottom {
    background: url(/wp-content/themes/markandmaria/img/paper-h.png) 0 -328px no-repeat;
    height: 70px;
    width: 100%;
    background-size: 100% auto;

}

.wpcf7-submit {
    display: flex;
}

.rt-container-fluid {
    padding: 0;
    margin: 0;
    /*scale: 0.9;*/
}

/* reviewers */
.tss-carousel {
    width: 100% !important;
}

.item-content-wrapper {
    background: transparent !important;
}

.item-content-wrapper::before {
    color: #000 !important;
}

.page-id-15 .inner-content {
    width: 800px !important;
}

.author-name {
    color: #000 !important;
}

.swiper-pagination-bullet-active {
    background: #000 !important;
}
.reviewers.desktop .contact-top {
    background: url(/wp-content/themes/markandmaria/img/paper-h.png) no-repeat;
    height: 70px;
    width: 100%;
    background-size: 100% auto;
}

.reviewers.desktop .contact-middle {
    background: url(/wp-content/themes/markandmaria/img/paper-h.png) 0px -61px no-repeat;
    height: 270px;
    width: 100%;
    background-size: 100% auto;
    padding-top: 5px;
}

.reviewers.desktop .contact-bottom {
    background: url(/wp-content/themes/markandmaria/img/paper-h.png) 0 -328px no-repeat;
    height: 70px;
    width: 100%;
    background-size: 100% auto;

}

/*#mobileNav.show {*/
/*  display: block !important;*/
/*  opacity: 1 !important;*/
/*  margin-left: 0 !important;*/
/*  transition: margin-left 0.3s ease-in-out !important;*/
/*}*/


/* Index */

.btn-english,
.btn-tagalog {
    background: url('/wp-content/themes/markandmaria/img/btn-bg.png') no-repeat;
    background-size: contain;
    width: 270px;
    height: 75px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    justify-content: center;
    align-items: center;
    display: flex;
    margin: 0 8px;
    background-position: center;
    z-index: 1;
}

/* Hover effect for buttons */
.btn-hover {
    transition: transform 0.3s ease; /* Smooth transition for transform */
}

.btn-hover:hover {
    transform: translateY(-5px); /* Move button upwards on hover */
}

#header,
#footer {
    display: none !important;
}


/* Font  */
.cormorant-garamond-light {
  font-family: "Cormorant Garamond", serif;
  font-weight: 300;
  font-style: normal;
}

.cormorant-garamond-regular {
  font-family: "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
}

.cormorant-garamond-medium {
  font-family: "Cormorant Garamond", serif;
  font-weight: 500;
  font-style: normal;
}

.cormorant-garamond-semibold {
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
  font-style: normal;
}

.cormorant-garamond-bold {
  font-family: "Cormorant Garamond", serif;
  font-weight: 700;
  font-style: normal;
}

.cormorant-garamond-light-italic {
  font-family: "Cormorant Garamond", serif;
  font-weight: 300;
  font-style: italic;
}

.cormorant-garamond-regular-italic {
  font-family: "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: italic;
}

.cormorant-garamond-medium-italic {
  font-family: "Cormorant Garamond", serif;
  font-weight: 500;
  font-style: italic;
}

.cormorant-garamond-semibold-italic {
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
  font-style: italic;
}

.cormorant-garamond-bold-italic {
  font-family: "Cormorant Garamond", serif;
  font-weight: 700;
  font-style: italic;
}


.eb-garamond-bolder {
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: bolder;
  font-style: normal;
}


/* Mobile */
/* Override Bootstrap's navbar collapse behavior to trigger at 1200px */



/* Keep the navbar collapsed for screens smaller than 1200px (mobile / tablet) */
/*@media (max-width: 1299px) {*/
@media (max-width: 1299px) {
    .container {
        max-width: 100%;
    }
    
    .chapters {
        flex-direction: column;
    }
    
    .the-book,
    .chapters,
    .author,
    .monkey,
    .love {
        flex-direction: column !important;
        display: flex !important;
    }
    
    .primary-section {
        order: 2 !important;
        padding-top: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 15px !important;
    }
    
    .page-id-76 .primary-section {
        order: 2 !important;
        padding-top: 3rem !important;
        margin-top: 0 !important;
        margin-bottom: 15px !important;
    }
    
    
    .secondary-section {
        order: 3 !important;
        margin: 20px auto 0;
    }
    
    .third-section {
        order: 1 !important;
    }
    
    .bg-markandmaria {
        justify-content: space-evenly;
        margin: 0 auto;
        flex-direction: row;
        padding: 0;
        height: 167px;
        background-size: 100% auto;
        justify-content: center;
        align-items: start;
        padding-top: 55px;
    }
    
    .navbar-brand {
        padding-top: 0;
    }
    
    .navbar-expand-lg .navbar-toggler {
        display: block;
    }
    
    #mobileNav {
        position: absolute;
        top: 0;
        left: 0;
        background: #fff;
        width: 100%;
        height: 100%;
        padding: 50px;
    }
    
    #navbarNav {
        display: none !important;
    }
    
    .the-book {
        /*scale: 1;*/
    }
    
    .the-book .my-4,
    .the-book .py-4,
    
    .author .my-4,
    .author .py-4,
    
    .monkey .my-4,
    .monkey .py-4,
    
    .love .my-4,
    .love .py-4 {
        margin: 0 !important;
        padding: 0 !important;
        margin-right: 0px !important;
        margin-bottom: 35px !important;
        margin-top: 35px !important;
    }
    
    .the-book .main-body.primary-section,
    .author .main-body.primary-section,
    .monkey .main-body.primary-section,
    .love .main-body.primary-section {
        margin: 0px 0 45px 0 !important;
    }
    
    .contact.desktop,
    .reviewers.desktop {
        /*display: none;*/
    }
    
    .contact.mobile,
    .reviewers.mobile {
        width: 450px;
    }
    
    .contact.mobile .contact-top,
    .reviewers.mobile .contact-top {
        background: url(/wp-content/themes/markandmaria/img/paper.png) no-repeat;
        height: 70px;
        width: 100%;
        background-size: 100% auto;
    }
    
    .contact.mobile .contact-middle,
    .reviewers.mobile .contact-middle {
        background: url(/wp-content/themes/markandmaria/img/paper.png) 0px -61px no-repeat;
        height: 330px;
        width: 100%;
        background-size: 100% auto;
        padding-top: 40px;
    }
    
    .contact.mobile .contact-bottom,
    .reviewers.mobile .contact-bottom {
        background: url(/wp-content/themes/markandmaria/img/paper.png) 0 -328px no-repeat;
        height: 70px;
        width: 100%;
        background-size: 100% auto;
    
    }
    
    .contact.mobile form .row {
        flex-direction: column;
        display: flex;
    }
    
    .contact.mobile form {
        width: 300px;
    }
    
    .contact.mobile .wpcf7-submit {
        display: flex;
    }
   

}

@media (max-width: 1099px) {
    .bg-markandmaria {
        justify-content: center;
        align-items: start;
        padding-top: 35px;
    }
    
}

/*@media (max-width: 840px) {*/
/*    .bg-markandmaria {*/
/*        background-size: 100% auto;*/
/*        justify-content: center;*/
/*        align-items: start;*/
/*        padding-top: 20px;*/
/*        line-height: 1;*/
/*    }*/
    
/*    .navbar-toggler {*/
/*    }*/
    
/*    .navbar-brand {*/
/*        text-align: center !important;*/
/*        padding-top: 9px;*/
/*    }*/
    
/*    .language {*/
/*    }*/
    
/*    .main-body.language,*/
/*    .main-body.language .inner-content {*/
/*        padding: 0 !important;*/
/*        margin: 0 !important;*/
/*        flex-direction: column;*/
/*    }*/
    
/*    .btn-english,*/
/*    .btn-tagalog {*/
/*        height: 55px;*/
/*        text-transform: uppercase;*/
/*        font-size: 15px;*/
/*        width: auto;*/
/*        margin-bottom: 13px;*/
/*    }*/
    
/*    .the-book .main-body {*/
/*        margin: 35px 0 45px 0 !important*/
/*    }*/
    
/*    .the-book .secondary-section {*/
/*        align-items: center;*/
/*        margin: 0 !important;*/
/*    }*/
    
/*    .maxheight-video {*/
/*        max-height: 345px !important;   */
/*    }*/
    
/*}*/

/*@media (max-width: 727px) {*/
/*    .bg-markandmaria {*/
/*        padding-top: 15px;*/
/*    }*/
    
/*    .contact form {*/
            
/*    }*/
    
/*}*/

/*@media (max-width: 600px) {*/
/*    .bg-markandmaria {*/
/*        background-size: 100% 75px;*/
/*        justify-content: center;*/
/*        align-items: start;*/
/*        padding-top: 12px;*/
/*        line-height: 1;*/
/*        display: flex;*/
/*        flex-direction: row;*/
/*        height: auto;*/
/*        padding-bottom: 20px;*/
/*    }*/
    
/*    .navbar-expand-lg .navbar-toggler {*/
/*        margin-top: 5px;*/
/*    }*/
    
/*    .navbar-toggler {*/
/*        scale: 0.8;*/
/*    }*/
    
/*    .navbar-brand {*/
/*        text-align: center !important;*/
/*        padding-top: 9px;*/
/*        font-size: 15px;*/
/*        width: 50%;*/
/*        text-wrap: inherit;*/
/*    }*/
    
    
/*    .main-body.language,*/
/*    .main-body.language .inner-content {*/
/*        padding: 0 !important;*/
/*        margin: 0 !important;*/
/*    }*/
    
/*    .btn-english,*/
/*    .btn-tagalog {*/
/*        height: 55px;*/
/*        text-transform: uppercase;*/
/*        font-size: 18px;*/
/*        padding: 30px;*/
/*    }*/
  
/*    .contact form p {*/
/*        margin-bottom: 8px;*/
/*    }*/
    
/*    form .col,*/
/*    form .col-12 {*/
/*        padding: 1px;*/
/*    }*/
    
/*    form .wpcf7-submit {*/
/*        margin-left: -15px;*/
/*    }*/
    
/*    .contact .wpcf7-textarea {*/
/*        height: 50px;*/
/*    }*/
    
/*    .video video {*/
/*        height: 100% !important; object-fit: cover !important;*/
/*    }*/
    
/*    .vid-bottom {*/
/*        background: url(/wp-content/themes/markandmaria/img/bg-image-h.png) no-repeat right -30px !important;*/
/*        width: 33px !important;*/
/*        background-size: auto !important;*/
/*        height: 280px !important;*/
/*    }*/
    

/*    .page-id-76 .secondary-section,*/
/*    .page-id-78 .secondary-section {*/
/*        margin-top: 35px !important;*/
/*    }*/
/*    .page-id-76 .the-book .main-body.primary-section,*/
/*    .page-id-78 .the-book .main-body.primary-section,*/
/*    .page-id-13 .the-book {*/
/*        margin: 35px 0 0 0 !important;*/
/*    }*/
    
/*    .page-id-76 .first,*/
/*    .page-id-13 .first,*/
/*    .page-id-78 .first {*/
/*        width: 400px !important;*/
/*        background-size: 400px auto !important;*/
/*    }*/
    
/*    .page-id-76 .second,*/
/*    .page-id-13 .second,*/
/*    .page-id-78 .second {*/
/*        background: url(/wp-content/themes/markandmaria/img/paper.png) no-repeat 0 -106px !important;*/
/*        width: 400px !important;*/
/*        font-size: 15px !important;*/
/*        padding: 0 50px !important;*/
/*        background-size: 400px auto !important;*/
/*    }*/
    
/*    .page-id-76 .third,*/
/*    .page-id-13 .third {*/
/*        height: 95px !important;*/
/*        width: 400px !important;*/
/*        background-size: 400px auto !important;*/
/*    }*/
    
    
/*    .page-id-78 .third {*/
/*        background: url(/wp-content/themes/markandmaria/img/paper.png) 0 -675px;*/
/*        height: 148px !important;*/
/*        width: 400px !important;*/
/*        background-size: 400px auto !important;*/
/*    }*/
    
/*    .page-id-11 .secondary-section,*/
/*    .page-id-15 .secondary-section{*/
       
/*    }*/
    

/*}*/

/* At 1200px, the navbar will expand, and the hamburger menu will disappear */
@media (min-width: 1300px) {
    .container {
        max-width: 1400px;
    }
    #mobileNav {
        display: none !important;
    }
    
    .contact.mobile,
    .reviewers.mobile {
        /*display: none;*/
    }

}

@media (min-width: 992px) {
    .bg-markandmaria {
        flex-direction: column !important;
    }
}

@media (min-width: 1099px) and (max-width: 1299px) {
    .bg-markandmaria {
        padding-top: 45px;
    }
}

@media (min-width: 841px) and (max-width: 1299px) {
    .the-book,
    .author,
    .monkey,
    .love {
        flex-direction: row !important;
    }   
}

@media (min-width: 841px) and (max-width: 1299px) {
    .the-book {
        /*transform: scale(0.75);*/
        /*margin-top: -50px;*/
    }  
    
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        margin-left: -30px !important;
    }

    #navbarNav > ul > li.nav-item > a {
        font-size: 12px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    
    .nav-item.dropdown {
        margin-top: -1px !important;
    }
    
    .page-id-76 .the-book,
    .page-id-78 .the-book {
        /*margin-top: -88px;    */
    }
    
    .primary-section {
        order: 1;
        padding-top: 3rem;
    }
    .secondary-section {
        order: 2;
    }
    .third-section {
        order: 3;
    }
}

@media (min-width: 841px) and (max-width: 991px) {
    #navbarNav {
        margin-top: -30px !important;
    }
    .nav-item.dropdown .show {
        position: absolute;
        margin-left: -18px;
    }

    .bg-markandmaria {
        flex-direction: row;
        height: 125px;
        padding-top: 32px !important;
    }
}

@media (min-width: 2000px) {
	.navbar-brand {
		font-size: 30px;
	}
}

@media (min-width: 841px) {
    .navbar .navbar-toggler,
    #mobileNav {
        display: none !important;
    }
    #navbarNav {
        display: block !important;
        margin: 0 auto;
    }
    
    .navbar-nav {
        flex-direction: row;
        justify-content: center;
    }
    

    
    /*.nav-item.dropdown:hover .show {*/
    /*    position: relative !important;*/
    /*}*/

    .navbar-brand {
        margin: 0 auto;
    }
    
    .mobile,
    .mobile-navbar {
        display: none !important;
    }
}


@media (max-width: 841px) {
    .desktop,
    .desktop-navbar {
        display: none;
    }
    
    .mobile {
        display: block;
    }

}