@media screen and (max-width: 1400px) {
	.general-content {
		width: 50vw;
	}
}

@media screen and (max-width: 940px) {
	.book-img {
		padding: 0px
	}

	.general-content {
		width: 50vw;
	}
}

@media screen and (max-width: 800px) {
	header {
	    top: 20px;
	}

	.general-page-inner {
	    display: block;
	    padding-top: 100px;
	    margin-bottom: 0;
	}

	.general-content {
	    width: 100%;
	    column-count: 1;
	    padding-bottom: 30px;
	}

	body.single-heir {
	  background: url('heirBGmobile.png') #03101E 50% 0 no-repeat;
	  background-attachment: fixed;
	  background-size: 100% auto;
	}

	footer {
	    background: #03101E;
	}

	.menu-icon {
		display: block;
	}

  #book {
    background: url(bg2.png) 50% 0% no-repeat;
    background-size: 100% auto;
  }

	header .menu {
	    justify-content: flex-start;
	    gap: 24px;
	}

	.social-links {
	    right: 15px;
	}

	section#book {
	    padding: 85px 0 0;
	}

	.book-inner {
	    display: block;
	}

	.book-img {
	    margin: 0 auto 20px;
	    max-width: 43vw;
	}

	h1 {
	    font-size: 24px;
	    line-height: 32px;
	    text-align: center;
	}

	.book-text h2 {
	    margin: 10px 0 20px;
	    text-align: center;
	    font-size: 16px;
	    line-height: 20px;
	}

	.book-text p {
	    font-size: 14px;
	    text-align: center;
	    margin: 0 auto;
	    max-width: 100%;
	}

	button.book-link {
	    flex: 1;
	}

	section#newsletter {
	    padding: 70px 0 0;
	}

	.nl-top-text {
	    font-size: 16px;
	    line-height: 20px;
	    margin-bottom: 40px;
	}

	.newsletter-texts h2 {
	    font-size: 25px;
	    line-height: 32px;
	    margin-bottom: 40px;
	    padding-top: 0;
	}

	input[type="submit"] {
	    width: auto;
	}

	section#about {
	    padding: 70px 0 0;
	}

	.about-img {
	    padding-right: 10px;
	    padding-bottom: 15px;
	}

	.about-inner {
	    display: block;
	}

	.about-info {
	    font-size: 16px;
	}

	.about-info h2 {
	    font-size: 25px;
	    line-height: 32px;
	    margin-bottom: 15px;
	}

	section#contact {
	    padding: 70px 0 0;
	}

	.contact-text h2 {
	    font-size: 25px;
	    line-height: 32px;
	    padding: 0 0 15px;
	}

	.contact-form form > p > span[data-name="your-name"], .contact-form form > p > span[data-name="your-email"] {
	    max-width: 100%;
	}

	.contact-form input[type="submit"] {
	    width: 100%;
	    margin-bottom: 5px;
	}
	
	.subm {
		width: 100%;
		margin-top: 20px;
	}
	
	.book-links-stories .short-stories {
		margin-top: 30px;
	}

	.header-inner > .menu-icon {
	    max-width: 40px;
	    z-index: 3;
	}

	.menu-icon .bar-3 {
	    width: 70%;
	}

	.menu-main-menu-container {
	    position: absolute;
	    top: -20px;
	    width: 100%;
	    background: #03101E;
	    padding-top: 84px;
	    left: 0;
	    display: none;
	}

	header .menu > li {
	    border-bottom: 1px solid #1A2734;
	}

	header .menu {
	    display: block;
	}

	header ul li a {
	    padding: 10px;
	    display: block;
	}

	header .menu-item-has-children ul {
	    opacity: 1;
	    visibility: visible;
	    position: relative;
	    border: none;
	    display: none;
	}

	header .menu-item-has-children ul a {
	    padding: 10px 30px;
	}

	header .menu-item-has-children > a {
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	}

	.single-heir header {
		z-index: 3;
	}

	.general-page-breads {
	    top: 70px;
	}

	header .menu-item-has-children ul ul {
	    left: 0;
	    padding-left: 20px;
	}

	header .menu-item-has-children ul > li > a {
	    padding-right: 10px;
	}

	header .menu-item-has-children .menu-item-has-children > a:after {
	    transform: inherit;
	}
	
	section#videos {
		padding-top: 60px;
	}

	.video-item {
		width: calc(50% - 10px);
	}
}