/*
Theme Name: Skeleton_Theme
Text Domain: Skeleton_Theme
Version : 1.0
Description: Skeleton Theme
Tags: Mayci, Custom, Theme
Author : David Li 
Author URI : https://www.allcyberconsulting.com
*/

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #ee3577;
    --red: #dc3545;
    --orange: #f68e62;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #767575;
    --gray-dark: #434242;
    --primary: #F3C8C1;
    --secondary: #4f4f4f;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #c2c2c2;
    --lightgray: #eeeeee;
    --dark: #434242;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    /* Font Sizes */
    --font-normal: 1em;
    --font-small: 0.8125rem;
    /* Sidebar */
    --sidebar-width: 280px;
    --content-max-width: 860px;
}

@font-face { 
font-family: 'Arslina'; 
src: url('Arslina.otf'); 
font-weight: normal; 
}

@font-face { 
font-family: 'Beyond'; 
src: url('Beyond.ttf'); 
font-weight: normal; 
}

*,
*::before,
*::after {
    box-sizing: border-box
}

.br

html {
    line-height: 1.15;
}
body {
    overflow-x: hidden
}
a{
    color: #222222;
}

a:hover{
	color: black;
	text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: black;
    font-weight: bold
}

.reveal{
	position:relative; 
	transform: translateY(150px);
	opacity: 0;
	transition: all 2s ease;
}

.reveal.active{
	transform : translateY(0px);
	opacity : 1;
}

.header-main{
    height: 788px; 
    min-height: 500px;
    background-image: url('assets/images/maycihome1.jpg');
    background-position: 50% 80%;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}

.header-main-about{
    height: 568px; 
    min-height: 500px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
	position: relative;
	background-image: url(aboutpagepic.jpg);
    background-position: 50% 31%;
    background-size: cover;
    background-repeat: no-repeat;
}

.header-overlay{
	    height: 100%;
    width: 100%;
    background-color: #d3d3d31a;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}

.header-main-blog{
    height: 568px; 
    min-height: 500px;
    background-image: url('storypageback.jpg');
    background-position: 50% 65%;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}


.header-main-story{
    height: 788px; 
    min-height: 500px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
	position: relative;
}

.header-top-section{
    width: 100vw; 
    height: 120px; 
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.header-logo{
    font-family: Taken by Vultures Demo;
    font-size: 60px; 
    color: black;
    margin-left: 88px;
	display: none;
}

.header-menu{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 68px;
}

.header-menu-item{
    font-family: 'Raleway', sans-serif;
    font-size: 18px; 
    font-weight: 500;
    margin-right: 13px; 
    margin-left: 13px;
}

.header-icon-section{
    width: 100vw;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-right: 110px;
    margin-bottom: 78px;
}

.header-icon-section-normal{
    width: 100vw;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-right: 110px;
    margin-bottom: 28px;
}

.story-page-header-small{
	    font-size: 38px;
    font-weight: 400;
    font-family: 'Arslina';
}

.story-page-header-big{
	    font-size: 50px;
    font-family: 'Volkhov';
    font-weight: 500;
    line-height: 51px;
}

.story-page-header-texttext{
	    font-size: 19px;
    font-family: 'volkhov';
    margin-top: 18px;
}

.icon-menu-item{
    font-size: 21px; 
    margin-right: 3px; 
    margin-left: 3px;
}

.homepage-section1{
    width: 100vw; 
    height: 688px; 
    display: flex;
    justify-content: center;
    align-items: center;
	position: relative;
}

.homepage-section1-text{
    width: 50%; 
    height: 738px; 
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
	position: absolute; 
	left: 0px; 
	top: -13px;
	    background-color: #e4c9b0;
}

.homepage-section1-text-smaller{
    width: 32vw;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.homepage-section1-image{
    width: 55%; 
    height: 100%;
    background-image: url('frontpic1.jpg');
    background-position: 50% 18%;
    background-size: cover;
    background-repeat: no-repeat;
	position: absolute; 
	right: 0px; 
	top: -48px;
}

.homepage-section1-text-header{
    font-family: 'Beyond';
    font-size: 72px;
    font-weight: 500;
}

.homepage-section1-text-text{
    font-family: poppins;
    font-size: 16px;
    margin-top: 18px; 
    margin-bottom: 18px;
}

.homepage-section1-button{
    border-style: none;
    background-color: burlywood;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-family: 'Poppins';
    transition: .5s;
}

.homepage-section1-button:hover{
    background-color: #dcbc9f;
}

.homepage-section2{
    width: 100vw; 
    height: 488px; 
    display: flex; 
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #ebdfd4;
	position: relative
}

.homepage-section2-blog-image{
        height: 308px;
    width: 308px;
}

.homepage-section2-blog-section{
    display: flex; 
    justify-content: center;
    align-items: center;
    flex-direction: row;
    margin-top: 18px;
    z-index: 2;
}

.homepage-section2-blog{
    margin-left: 13px;
    margin-right: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.homepage-section2-header{
       font-family: 'Raleway';
    font-size: 32px;
    color: black;
}

.homepage-section2-floating-recentposts{
    position: absolute;
    z-index: 1;
	bottom: 0px; 
	right: 50px;
	width: auto;
}

.homepage-section2-floating-text{
    position: absolute;
    bottom: 25px;
    right: 54px;
    font-family: 'Poppins';
    text-decoration: underline;
    font-size: 15px;
    color: #000000bd;
    font-weight: 500;
}

.homepage-section2-blog-title{
    font-family: 'Poppins';
    color: black;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 400;
}

.homepage-section3{
    position: relative;
    height: 800px;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.homepage-section3-image{
    width: 680px; 
    height: 718px;
    background-image: url('frontpic2.jpg');
    background-position: 50% 85%;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    left: 38px; 
}

.homepage-section3-offset{
    width: 1080px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.homepage-section3-textsection{
    position: absolute;
    height: auto;
    width: 488px;
    right: 50px;
    background-color: #f3e7dc;
    padding: 48px;
    top: -138px;
}

.homepage-section3-header{
        font-family: 'Arslina';
    font-weight: 500;
    font-size: 52px;
}

.homepage-section3-text{
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 14px;
    margin-top: 13px;
    margin-bottom: 13px;
}

.paragraph-break{
    border-style: none;
    margin-top: 0px;
    margin-bottom: 3px;
}

.homepage-section4{
    height: 500px; 
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-image: url('frontworkpic1.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.homepage-section4-overlay{
	width: 100%; 
	height: 100%;
	display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
	background-color: #e3e3e359;
}

.homepage-section4-button{
    border-style: none;
    background-color: burlywood;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-family: 'Poppins';
    transition: .5s;
}

.homepage-section4-button:hover{
    background-color: brown;
}

.homepage-section4-header{
    font-family: 'Crimson Text';
    font-weight: 500;
    font-size: 42px;
    text-align: center;
}

.homepage-section4-text{
    font-family: 'Poppins';
    width: 768px;
    text-align: center;
    margin-top: 17px;
    margin-bottom: 15px;
}

.homepage-section5{
    height: 800px; 
    width: 100vw; 
    display: flex; 
    justify-content: center;
    align-items: center;
    background-color: #ebdfd4;
}

.homepage-section5-inner-section{
    height: 500px; 
    width: 980px; 
    display: flex; 
    justify-content: center;
    align-items: center;
    background-color: #faece0;
}

.homepage-section5-text-section{
    width: 50%; 
    height: 100%; 
    display: flex; 
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    padding-left: 48px;
}

.homepage-section5-header{
    font-size: 32px;
    font-weight: 500;
    font-family: 'Raleway';
}

.homepage-section5-text{
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 15px;
    width: 398px;
    margin-top: 13px; 
    margin-bottom: 21px;
}

.homepage-section5-image{
    width: 50%; 
    height: 100%; 
    background-image: url('assets/images/maycihome1.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.homepage-section5-button{
    border-style: none;
    background-color: burlywood;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-family: 'Poppins';
    transition: .5s;
}

.homepage-section5-button:hover{
    background-color: brown;
}

.featured-in-section{
    width: 100vw; 
    height: 380px; 
    background-color: #f2ede6;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.instagram-reel-section-header{
    font-family: 'Raleway';
    font-size: 32px;
    color: black;
}


.featured-in-header{
    font-family: 'Arslina';
    font-size: 52px;
    color: black;
}

.instagram-reel-section{
    height: 380px; 
    width: 100vw; 
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #ebdbcd;
}

.instagram-reel-plugin{
    width: 100vw;
}

.footer-main{
    width: 100vw; 
    height: 300px; 
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f2ede6;
}

.footer-section1{
    width: 300px; 
    height: 100%; 
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.footer-section2{
    width: 388px; 
    height: 100%; 
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}


.footer-section3{
    width: 300px; 
    height: 100%; 
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.footer-section1-header{
    font-family: 'Raleway';
    font-weight: 400;
    font-size: 20px;
}

.footer-section1-nav{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 8px;
}

.footer-section1-left{
    margin-left: 18px; 
    margin-right: 18px;
}

.footer-section1-right{
    margin-left: 18px; 
    margin-right: 18px;
}

.footer-section1-nav-item{
    margin-top: 8px;
    margin-bottom: 8px;
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 300;
    text-align: center;
}

.footer-section2-header{
    font-family: 'Raleway';
    font-size: 20px; 
}

.footer-section2-subheader{
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 400;
    width: 348px;
    text-align: center;
    margin-top: 13px;
    margin-bottom: 13px;
}

.footer-section3-header{
    font-family: 'Raleway';
    font-size: 20px;
}

.footer-section3-button{
    border-style: none;
    background-color: black;
    color: white;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-family: 'Poppins';
    transition: .5s;
    margin-top: 18px;
}

.footer-section3-button:hover{
    background-color: grey;
}

.footer-bottom-section{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 38px;
    background-color: #e1c9b34a;
}

.footer-bottom-section-inside{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 835px; 
    height: 100%;
}

.footer-bottom-section-left{
    font-family: 'Raleway';
    font-size: 13px;
    font-weight: 600;
}

.footer-bottom-section-right{
    font-family: 'Raleway';
    font-size: 13px;
    font-weight: 600;
}

.home-hero-banner-textbox{
    height: 318px;
    width: 538px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    padding: 23px;
}

.home-hero-banner-textbox-header{
font-family: 'Arslina';
    font-size: 68px;
    color: black;
    line-height: 28px;
    margin-bottom: 28px;
}

.home-hero-banner-textbox-text{
    font-family: 'Poppins';
    font-weight: 400;
    margin-bottom: 13px;
    margin-top: 36px;
    font-size: 18px;
    line-height: 28px;
    color: black;
}

.read-my-story-front-hero{
font-family: 'Poppins';
    font-weight: 300;
    font-size: 21px;
    color: black;

}

.home-hero-banner{
        width: 100vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: 18vw;
    margin-top: 100px;
}

.about-hero-image{
    background-image: url('sec1.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
	width: 388px; 
	height: 588px;
	position: absolute;
}

.about-hero-banner-textbox{
        height: auto;
    width: 558px;
    background-color: #f2ede6;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    padding: 28px;
}

.about-hero-banner-textbox-header{
    font-family: 'Raleway';
    font-size: 32px;
}

.about-hero-banner-textbox-text{
    font-family: 'Poppins';
    font-size: 16.5px;
    font-weight: 300;
    margin-top: 13px; 
    margin-bottom: 13px;
}

.about-hero-banner{
    width: 100vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: 100px;
    margin-top: 100px;

}

.accordion {
    background-color: #fff8ee;
    color: black;
    cursor: pointer;
    padding: 18px;
    width: 860px;
    text-align: left;
    border: none;
    outline: none !important;
    transition: 0.4s;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 11px;
    padding-bottom: 11px;
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 400;
  }
  

  
.accordion:hover{
    background-color: #fce4be;
}

.panel {
    padding: 0 18px;
    display: none;
    background-color: white;
    overflow: hidden;
    width: 860px;
    padding-top: 8px;
}

.aboutpage-section1{
    width: 100vw; 
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: white;
    padding-bottom: 58px;
}
.aboutpage-accordion{
    width: 860px; 
}

.aboutpage-section1-header{
    margin-top: 52px;
    margin-bottom: 28px;
    font-size: 32px;
    font-family: 'Arslina';
    font-weight: 700;
    width: 838px;
}

.story-page-header-image{
    width: 58%;
    height: 72%;
    position: absolute;
    bottom: 68px;
    margin-right: 29vw;
}

.story-image-image{
	    background-image: url(storypagepic.jpg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-page-header-text{
	    width: 508px;
    height: 508px;
    background-color: #ebddc9;
    position: absolute;
    bottom: 88px;
    margin-left: 43vw;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    padding: 28px;
}

.storypage-viewall-banner{
    width: 100vw; 
    height: 58px; 
    background-color: #e8d4b9;
    display: flex;
    justify-content: center;
    align-items: center;
}

.storypage-viewall-banner-text{
	    font-family: 'Raleway';
    font-weight: 600;
    text-transform: uppercase;
    font-size: 15px;
}

.accordion-story {
    color: black;
    width: 100vw;
    text-align: left;
    border: none;
    outline: none !important;
    transition: 0.4s;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 400;
    height: 338px;
    border-color: #f2ede6;
    border-width: 8px;
    border-top-style: solid;
    border-bottom-style: solid;
  }

.story-part1-overlay{
	    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Beyond';
    font-size: 48px;
    font-weight: 400;
    text-align: center;
    background-color: #ffffff1f;
    color: black;
}
.accordion-story:hover{
    background-color: #dfcfb6;
}

.panel-story {
    padding: 0 18px;
    display: none;
    background-color: white;
    overflow: hidden;
    width: 100vw;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.storypage-accordion{
    width: 100vw;
}

.storypage-section-main{
    width: 100vw; 
    display: flex;
    justify-content: center;
    align-items: center;
}

.story-part1{
background-image: url('story1.jpg');
    background-position: 50% 82%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part2{
background-image: url('story2.jpg');
    background-position: 50% 98%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part3{
background-image: url('story3.jpg');
    background-position: 50% 20%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part4{
background-image: url('story4.jpg');
    background-position: 50% 98%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part5{
background-image: url('story5.jpg');
    background-position: 50% 62%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part6{
background-image: url('assets/images/maycihome1.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.accordion-story-background1 {
    color: black;
    cursor: pointer;
    padding: 18px;
    width: 100vw;
    text-align: left;
    border: none;
    outline: none !important;
    transition: 0.4s;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 11px;
    padding-bottom: 11px;
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 400; 
    height: 38px;
    text-align: center;
  }
  

.accordion-story-background1:hover{
    background-color: grey;
}

.accordion-story-background2 {
    color: black;
    cursor: pointer;
    padding: 18px;
    width: 100vw;
    text-align: left;
    border: none;
    outline: none !important;
    transition: 0.4s;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 11px;
    padding-bottom: 11px;
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 400; 
    height: 38px;
    text-align: center;;
  }
  

.accordion-story-background2:hover{
    background-color: #bebebe2e;
}

.panel-story-inside{
    padding: 0 18px;
    display: none;
    background-color: white;
    overflow: hidden;
    width: 860px;
    padding-top: 8px;
    justify-content: center;
    align-items: center;
    margin-top: 32px;
    margin-bottom: 32px;
}


.color2{
    background-color: #fffaf4;
}

.color1{
    background-color: #F2EDE6;
}

.story-page-card-images{
    width: 300px; 
    height: 300px; 
    object-fit: cover;
}

.story-inside-card-text-section{
    margin-left: 52px;
    display: flex; 
    justify-content: center;
    flex-direction: column;
}

.story-inside-card-text{
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 400;
}

.story-inside-card-text-readmore{
    margin-top: 15px;
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 500;
    color: #d1bda1;
}


.header-single-blog{
    height: 120px; 
    background-position: 50% 80%;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}

.ind-blog-image{
    width: 888px;
    height: 508px;
    margin-top: 38px;
}

.ind-blog-main{
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #ffffffb0;
}


.ind-blog-title{
    font-family: 'Raleway';
    font-weight: 500;
    font-size: 28px;
    margin-top: 18px;
}

.ind-blog-timedate{
    font-family: 'Raleway';
    font-size: 17px;
    font-weight: 400;
}

.ind-blog-content{
    width: 888px;
    font-family: 'Raleway';
    font-weight: 300;
    font-size: 16.5px;
    margin-top: 18px;
}

.single-blog-goback{
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #e8d4b9;
    width: 100vw;
    font-size: 15px;
    font-family: 'Raleway';
    font-weight: 500;
}

.recent-posts{
    width: 100vw;
    height: auto;
	padding-top: 38px; 
	padding-bottom: 58px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #f8eddb;

}

.single-blog-searchandicon{
    height: 38px;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
}
.recent-posts-title{
    font-family: 'Beyond';
    font-weight: 400;
    font-size: 52px;
}

.recent-posts-ind-image{
    width: 250px; 
    height: 250px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.recent-posts-ind-blog-category{
    font-family: 'Raleway';
    background-color: white;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 13px;
    padding-left: 13px;
    font-size: 14px;
    font-weight: 500;
    color: black;
}

.recent-posts-ind-blog-title{
    text-align: center;
    font-family: 'Raleway';
    font-size: 14.5px;
    font-weight: 500;
    margin-top: 7px;
    width: 250px;
    margin-top: 18px;
}

.recent-posts-image-section{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: row;
}

.recent-posts-ind-blog{
    margin-right: 8px; 
    margin-left: 8px;
	margin-top: 18px; 
	margin-bottom: 18px;
}

.blog-page-header{
    font-family: 'Raleway';
    font-size: 32px;
    font-weight: 400;
}

.click-here-my-story-banner{
    width: 100vw;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Raleway';
    font-size: 13px;
    font-weight: 500;
}


.must-read-ind-image{
    width: 250px; 
    height: 250px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: relative;
}

.blog-thumb-date-box{
	width: auto;
	background-color: #ffffffcf;
    padding-left: 28px;
    padding-right: 28px;
    padding-top: 8px;
    padding-bottom: 8px;
	    font-family: 'Arslina';
    font-size: 28px;
}

.category-page-row{
	width: auto;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: row;
    margin-top: 18px;
}

.category-page-header-main{
	font-size: 68px;
    font-family: 'Beyond';
}

.blog-thumb-text-box{
	    width: 338px;
    text-align: center;
    margin-top: 8px;
    font-family: 'Raleway';
    font-size: 16px;
    font-weight: 300;
}

.blog-category-blog-card{
	display: flex; 
	justify-content: center; 
	align-items: center; 
	flex-direction: column;
}

.category-page-outside{
	    width: 100vw;
    height: auto;
    padding-top: 38px;
    padding-bottom: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
	
}

.category-post-image{
	width: 380px;
    height: 458px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.must-read-ind-blog-category{
    font-family: 'Raleway';
    background-color: white;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 13px;
    padding-left: 13px;
    font-size: 14px;
    font-weight: 500;
    position: absolute;
    bottom: -13px;
    color: black;
}

.must-read-ind-blog-title{
    text-align: center;
    font-family: 'Raleway';
    font-size: 14.5px;
    font-weight: 500;
    padding-top: 23px;
    background: #f0e1cb;
    padding-bottom: 16px;
    width: 250px;
    height: 108px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blog-page-section2{
    height: auto;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #e9d4c0;
    padding-top: 88px;
    padding-bottom: 88px;
}

.blog-page-section2-button{
    border-style: none;
    background-color: burlywood;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-family: 'Poppins';
    transition: .5s;
}

.blog-page-section2-button:hover{
    background-color: brown;
}

.blog-page-section2-header{
    font-size: 32px;
    font-family: 'Raleway';
	text-align: center;
}

.blog-page-section2-text{
    width: 525px;
    font-size: 15px;
    font-family: 'Poppins';
    font-weight: 300;
    text-align: center;
    margin-bottom: 18px;
    margin-top: 20px;
}

.blog-page-section3{
    height: auto; 
    width: 100vw; 
    display: flex; 
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #faf5ed;
    padding-top: 58px; 
    padding-bottom: 58px;
}

.blog-page-section3-categories{
    display: flex; 
    justify-content: center;
    align-items: center;
}

.blog-page-section3-categories-columnleft{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.blog-page-section3-categories-columnright{
    display: flex; 
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.blog-page-section3-category1{
    width: 388px; 
    height: 288px;
    background-image: url('cat1.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Raleway';
    font-size: 25px;
    font-weight: 400;
	margin: 8px;
}

.blog-page-section3-category2{
    width: 388px; 
    height: 288px;
    background-image: url('cat2.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Raleway';
    font-size: 25px;
    font-weight: 400;
	margin: 8px;
}

.blog-page-section3-category3{
    width: 388px; 
    height: 288px;
    background-image: url('cat3.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Raleway';
    font-size: 25px;
    font-weight: 400;
	margin: 8px;
}

.blog-page-cat-overlay{
	width: 100%; 
	height: 100%;
	display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Raleway';
    font-size: 25px;
	background-color: #ffffff1c;
    font-weight: 400;
}

.blog-page-section3-category4{
    width: 388px; 
    height: 288px;
    background-image: url('cat4.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Raleway';
    font-size: 25px;
    font-weight: 400;
	margin: 8px;
}

.blog-page-section3-header{
        font-family: 'Beyond';
    font-size: 52px;
    font-weight: 400;
    margin-bottom: 18px;
}

.blog-page-section4{
        height: auto;
    padding-top: 28px;
    padding-bottom: 28px;
    width: 100vw; 
    display: flex; 
    justify-content: center;
    align-items: center;
    flex-direction: column;
	background-color: #efe3d7;
}

.blog-page-section4-image{
    width: 388px; 
    height: 288px; 
}

.blog-page-section4-header{
    width: 388px; 
    margin-bottom: 18px;
    font-family: 'Raleway';
    font-weight: 400;
    font-size: 21px;
}

.blog-page-section4-title{
    font-family: 'Poppins';
    font-size: 17px;
    font-weight: 400;
    color: black;
    margin-top: 18px;
    margin-bottom: 11px;
}

.blog-page-section4-text{
    width: 368px;
    text-align: justify;
    font-family: 'Poppins';
    font-weight: 300;
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 15px;
}

.blog-page-section4-inside{
    padding-top: 18px; 
    padding-bottom: 18px;
	display: flex; 
	justify-content: center; 
	align-items: flex-start; 
	flex-direction: column;
}

.blog-banner-menu-search{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    background-color: #dfc9a5;
    padding-top: 13px;
    padding-bottom: 13px;
}

.blog-banner-menu-search-inside{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 800px;
}

.search-bar{
    border: none;
    resize: none;
    outline: none;
    padding: 5px;
    background-color: #f4e8d4f7;
}

.blog-menu-item{
    font-family: 'Raleway';
    font-weight: 400;
    font-size: 15px;
    margin-left: 5px; 
    margin-right: 5px;
}

.search-page-section{
    width: 800px;
    margin-bottom: 38px;
    margin-top: 38px;
}

.outside-search-page-section{
    width: 100vw; 
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.search-title{
    font-family: 'Raleway';
    font-size: 28px;
    font-weight: 500;
	text-align: center;
}

.search-image{
    height: 238px; 
    width: 238px;
    margin-right: 32px;
}

.search-one-content{
    width: 532px; 
}

.search-box{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 18px;
}
.search-box-small-title{
    font-family: 'Raleway';
    font-size: 18px;
    font-weight: 500;
}

.search-details{
    font-family: 'Raleway';
    font-size: 15px;
    margin-top: 8px;
    margin-bottom: 13px;
}

.search-excerpt{
    font-family: 'Poppins';
    font-weight: 300;
    font-size: 15px;
}

.story-part-main-section{
    width: 100vw; 
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.story-part-main-section-inside{
    width: 908px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #f2ede6;
    margin-top: 18px;
    margin-bottom: 28px;
}

.story-part-main-section-image{
    width: 1000px;
    height: 388px;
    margin-top: 28px;
    margin-bottom: 18px;
}

.new-story-header{
	    font-family: 'Raleway';
    font-size: 36px;
    font-weight: 400;
    margin-top: 18px;
    color: black;
    text-align: center;
}

.part1-main-image{
    background-image: url(/maycitestweb/wp-content/themes/maycitheme/mainpart1.jpeg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}


.part2-main-image{
    background-image: url('mainpart2.jpeg');
    background-position: 50% 0%;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}

.part3-main-image{
    background-image: url('mainpart3.jpeg');
    background-position: 50% 66%;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}

.story-part-main-section-header{
    font-family: 'Raleway';
    font-size: 36px;
    font-weight: 400;
    margin-top: 18px;
    color: black;
    text-align: center;
}

.story-part-nav{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw; 
    height: 80px;
    margin-top: 18px;
    margin-bottom: 18px;
}

.story-part-nav-icon-section{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    margin-right: 33px; 
    margin-left: 33px;
}


.icon-story-item{
    font-size: 21px; 
    margin-right: 3px; 
    margin-left: 3px;
}

.story-part-nav-next{
width: 308px;
    text-align: left;
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.story-part-nav-prev{
width: 308px;
    text-align: right;
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.story-part-main-section-content{
    width: 688px;
}

.story-part-main-section-text-full{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    font-family: 'Poppins';
    font-size: 15px;
    line-height: 32px;
    font-weight: 300;
    margin-top: 33px;
}

.story-part-main-section-content-split{
    width: 100%; 
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    margin-top: 33px;
}

.story-part-main-section-image-split{
    width:50%;
    height: auto;
    margin-left: 18px;
    margin-right: 18px;
}

.part1-main-image{
    background-image: url('mainpart1.jpeg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}


.part2-main-image{
    background-image: url('mainpart2.jpeg');
    background-position: 50% 0%;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}

.part3-main-image{
    background-image: url('mainpart3.jpeg');
    background-position: 50% 66%;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}

.part4-main-image{
    background-image: url('mainpart4.jpeg');
    background-position: 50% 21%;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}

.part5-main-image{
    background-image: url('mainpart5.jpeg');
    background-position: 50% 21%;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}
.part6-main-image{
    background-image: url('mainpart6.jpeg');
    background-position: 50% 21%;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}
.part7-main-image{
    background-image: url('mainpart7.jpeg');
    background-position: 50% 21%;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}

.part8-main-image{
    background-image: url('mainpart8.jpeg');
    background-position: 50% 21%;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}

.part9-main-image{
    background-image: url('mainpart9.jpeg');
    background-position: 50% 21%;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}

.part10-main-image{
    background-image: url('mainpart10.jpg');
    background-position: 50% 21%;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}

.part11-main-image{
    background-image: url('mainpart11.jpeg');
    background-position: 50% 21%;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}
.part12-main-image{
    background-image: url('mainpart10.jpeg');
    background-position: 50% 21%;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}
.part13-main-image{
    background-image: url('mainpart10.jpeg');
    background-position: 50% 21%;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}
.part14-main-image{
    background-image: url('mainpart14.jpg');
    background-position: 50% 21%;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}
.part15-main-image{
    background-image: url('mainpart15.jpeg');
    background-position: 50% 21%;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}
.part16-main-image{
    background-image: url('mainpart16.jpg');
    background-position: 50% 21%;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}
.part17-main-image{
    background-image: url('mainpart17.jpg');
    background-position: 50% 21%;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}
.part18-main-image{
    background-image: url('mainpart18.jpeg');
    background-position: 50% 21%;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}
.part19-main-image{
    background-image: url('mainpart19.jpeg');
    background-position: 50% 21%;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}
.part20-main-image{
    background-image: url('mainpart20.jpeg');
    background-position: 50% 21%;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}
.part21-main-image{
    background-image: url('mainpart21.jpg');
    background-position: 50% 21%;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}
.part22-main-image{
    background-image: url('mainpart22.jpg');
    background-position: 50% 21%;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}
.part23-main-image{
    background-image: url('mainpart23.jpg');
    background-position: 50% 21%;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}
.part24-main-image{
    background-image: url('mainpart24.jpeg');
    background-position: 50% 21%;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}
.part25-main-image{
    background-image: url('mainpart25.jpg');
    background-position: 50% 21%;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}
.part26-main-image{
    background-image: url('mainpart26.jpg');
    background-position: 50% 21%;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}
.part27-main-image{
    background-image: url('mainpart27.jpg');
    background-position: 50% 21%;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}



.story-part-main-section-image-split1-1{
    width:100%;
    height: 408px;
    background-image: url('part1.1.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split1-2{
    width:100%;
    height: 408px;
    background-image: url('part1.2.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split2-1{
    width:100%;
    height: 408px;
    background-image: url('part2.1.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split2-2{
    width:100%;
    height: 408px;
    background-image: url('part2.2.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split3-1{
    width:100%;
    height: 408px;
    background-image: url('part3.1.jpeg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split4-1{
    width:100%;
    height: 408px;
    background-image: url('part4.1.jpeg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split4-2{
    width:100%;
    height: 408px;
    background-image: url('part4.2.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split5-1{
    width:100%;
    height: 408px;
    background-image: url('part5.1.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split5-2{
    width:100%;
    height: 408px;
    background-image: url('part5.2.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split5-3{
    width:100%;
    height: 408px;
    background-image: url('part5.3.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split6-1{
    width:100%;
    height: 408px;
    background-image: url('part6.1.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split6-2{
    width:100%;
    height: 408px;
    background-image: url('part6.2.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split6-3{
    width:100%;
    height: 408px;
    background-image: url('part6.3.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split7-1{
    width:100%;
    height: 408px;
    background-image: url('part7.1.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split7-2{
    width:100%;
    height: 408px;
    background-image: url('part7.2.jpeg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split7-3{
    width:100%;
    height: 408px;
    background-image: url('part7.3.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split7-4{
    width:100%;
    height: 408px;
    background-image: url('part7.4.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split8-1{
    width:100%;
    height: 408px;
    background-image: url('part8.1.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split8-2{
    width:100%;
    height: 408px;
    background-image: url('part8.2.jpeg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split8-3{
    width:100%;
    height: 408px;
    background-image: url('part8.3.jpeg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split9-1{
    width:100%;
    height: 408px;
    background-image: url('part9.1.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split9-2{
    width:100%;
    height: 408px;
    background-image: url('part9.2.jpeg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split9-3{
    width:100%;
    height: 408px;
    background-image: url('part9.3.jpeg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split10-1{
    width:100%;
    height: 408px;
    background-image: url('part10.1.jpeg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split10-2{
    width:100%;
    height: 408px;
    background-image: url('part10.2.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split10-3{
    width:100%;
    height: 408px;
    background-image: url('part10.3.jpeg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split11-1{
    width:100%;
    height: 408px;
    background-image: url('part11.1.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split11-2{
    width:100%;
    height: 408px;
    background-image: url('part11.2.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split11-3{
    width:100%;
    height: 408px;
    background-image: url('part11.3.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split11-4{
    width:100%;
    height: 408px;
    background-image: url('part11.4.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split11-5{
    width:100%;
    height: 408px;
    background-image: url('part11.5.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split12-1{
    width:100%;
    height: 408px;
    background-image: url('part12.1.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split12-2{
    width:100%;
    height: 408px;
    background-image: url('part12.2.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split12-3{
    width:100%;
    height: 408px;
    background-image: url('part12.3.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split12-4{
    width:100%;
    height: 408px;
    background-image: url('part12.4.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split13-1{
    width:100%;
    height: 408px;
    background-image: url('part13.1.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split13-2{
    width:100%;
    height: 408px;
    background-image: url('part13.2.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split13-3{
    width:100%;
    height: 408px;
    background-image: url('part13.3.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split13-4{
    width:100%;
    height: 408px;
    background-image: url('part13.4.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split13-5{
    width:100%;
    height: 408px;
    background-image: url('part13.5.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split13-6{
    width:100%;
    height: 408px;
    background-image: url('part13.6.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split13-7{
    width:100%;
    height: 408px;
    background-image: url('part13.7.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split13-8{
    width:100%;
    height: 408px;
    background-image: url('part13.8.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split13-9{
    width:100%;
    height: 408px;
    background-image: url('part13.9.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split13-10{
    width:100%;
    height: 408px;
    background-image: url('part13.10.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split14-1{
    width:100%;
    height: 408px;
    background-image: url('part14.1.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split14-2{
    width:100%;
    height: 408px;
    background-image: url('part14.2.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split14-3{
    width:100%;
    height: 408px;
    background-image: url('part14.3.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split14-4{
    width:100%;
    height: 408px;
    background-image: url('part14.4.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split14-5{
    width:100%;
    height: 408px;
    background-image: url('part14.5.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}


.story-part-main-section-image-split15-1{
    width:100%;
    height: 408px;
    background-image: url('part15.1.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split15-2{
    width:100%;
    height: 408px;
    background-image: url('part15.2.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split15-11{
    width:100%;
    height: 408px;
    background-image: url('part15.11.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split15-4{
    width:100%;
    height: 408px;
    background-image: url('part15.4.png');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split15-5{
    width:100%;
    height: 408px;
    background-image: url('part15.5.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split15-6{
    width:100%;
    height: 408px;
    background-image: url('part15.6.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split15-7{
    width:100%;
    height: 408px;
    background-image: url('part15.7.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split15-8{
    width:100%;
    height: 408px;
    background-image: url('part15.8.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split15-9{
    width:100%;
    height: 408px;
    background-image: url('part15.9.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split15-10{
    width:100%;
    height: 408px;
    background-image: url('part15.10.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}


.story-part-main-section-image-split16-1{
    width:100%;
    height: 408px;
    background-image: url('part16.1.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split16-2{
    width:100%;
    height: 408px;
    background-image: url('part16.2.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split16-3{
    width:100%;
    height: 408px;
    background-image: url('part16.3.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split16-4{
    width:100%;
    height: 408px;
    background-image: url('part16.4.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split16-5{
    width:100%;
    height: 408px;
    background-image: url('part16.5.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split16-7{
    width:100%;
    height: 408px;
    background-image: url('part16.7.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split16-8{
    width:100%;
    height: 408px;
    background-image: url('part16.8.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split16-9{
    width:100%;
    height: 408px;
    background-image: url('part16.9.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split16-10{
    width:100%;
    height: 408px;
    background-image: url('part16.10.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}


.story-part-main-section-image-split17-1{
    width:100%;
    height: 408px;
    background-image: url('part17.1.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split17-2{
    width:100%;
    height: 408px;
    background-image: url('part17.2.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split17-3{
    width:100%;
    height: 408px;
    background-image: url('part17.3.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split17-4{
    width:100%;
    height: 408px;
    background-image: url('part17.4.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split17-5{
    width:100%;
    height: 408px;
    background-image: url('part17.5.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split17-7{
    width:100%;
    height: 408px;
    background-image: url('part17.7.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split17-8{
    width:100%;
    height: 408px;
    background-image: url('part17.8.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split17-9{
    width:100%;
    height: 408px;
    background-image: url('part17.9.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split17-10{
    width:100%;
    height: 408px;
    background-image: url('part17.10.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split17-11{
    width:100%;
    height: 408px;
    background-image: url('part17.11.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split17-12{
    width:100%;
    height: 408px;
    background-image: url('part17.12.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}



.story-part-main-section-image-split18-1{
    width:100%;
    height: 408px;
    background-image: url('part18.1.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split18-2{
    width:100%;
    height: 408px;
    background-image: url('part18.2.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split18-3{
    width:100%;
    height: 408px;
    background-image: url('part18.3.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split18-4{
    width:100%;
    height: 408px;
    background-image: url('part18.4.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split18-5{
    width:100%;
    height: 408px;
    background-image: url('part18.5.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split18-6{
    width:100%;
    height: 408px;
    background-image: url('part18.6.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split18-7{
    width:100%;
    height: 408px;
    background-image: url('part18.7.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}


.story-part-main-section-image-split19-1{
    width:100%;
    height: 408px;
    background-image: url('part19.1.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split19-2{
    width:100%;
    height: 408px;
    background-image: url('part19.2.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split19-3{
    width:100%;
    height: 408px;
    background-image: url('part19.3.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split19-4{
    width:100%;
    height: 408px;
    background-image: url('part19.4.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split19-5{
    width:100%;
    height: 408px;
    background-image: url('part19.5.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split19-6{
    width:100%;
    height: 408px;
    background-image: url('part19.6.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split20-1{
    width:100%;
    height: 408px;
    background-image: url('part20.1.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split20-2{
    width:100%;
    height: 408px;
    background-image: url('part20.2.jpeg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split20-3{
    width:100%;
    height: 408px;
    background-image: url('part20.3.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split20-4{
    width:100%;
    height: 408px;
    background-image: url('part20.4.png');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split20-5{
    width:100%;
    height: 408px;
    background-image: url('part20.5.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split21-1{
    width:100%;
    height: 408px;
    background-image: url('part21.1.png');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split21-2{
    width:100%;
    height: 408px;
    background-image: url('part21.2.png');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split21-3{
    width:100%;
    height: 408px;
    background-image: url('part21.3.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split21-4{
    width:100%;
    height: 408px;
    background-image: url('part21.4.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split21-5{
    width:100%;
    height: 408px;
    background-image: url('part21.5.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}.story-part-main-section-image-split21-6{
    width:100%;
    height: 408px;
    background-image: url('part21.6.png');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split21-7{
    width:100%;
    height: 408px;
    background-image: url('part21.7.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split21-8{
    width:100%;
    height: 408px;
    background-image: url('part21.8.jpeg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}


.story-part-main-section-image-split22-1{
    width:100%;
    height: 408px;
    background-image: url('part22.1.jpeg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split22-2{
    width:100%;
    height: 408px;
    background-image: url('part22.2.png');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split22-3{
    width:100%;
    height: 408px;
    background-image: url('part22.3.jpeg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split22-4{
    width:100%;
    height: 408px;
    background-image: url('part22.4.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split22-5{
    width:100%;
    height: 408px;
    background-image: url('part22.5.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}.story-part-main-section-image-split22-6{
    width:100%;
    height: 408px;
    background-image: url('part22.6.png');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split22-7{
    width:100%;
    height: 408px;
    background-image: url('part22.7.jpeg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}


.story-part-main-section-image-split22-8{
    width:100%;
    height: 408px;
    background-image: url('part22.8.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split22-9{
    width:100%;
    height: 408px;
    background-image: url('part22.9.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split22-10{
    width:100%;
    height: 408px;
    background-image: url('part22.10.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split22-11{
    width:100%;
    height: 408px;
    background-image: url('part22.11.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split22-12{
    width:100%;
    height: 408px;
    background-image: url('part22.12.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}.story-part-main-section-image-split22-13{
    width:100%;
    height: 408px;
    background-image: url('part22.13.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split22-14{
    width:100%;
    height: 408px;
    background-image: url('part22.14.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split22-15{
    width:100%;
    height: 408px;
    background-image: url('part22.15.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}


.story-part-main-section-image-split23-1{
    width:100%;
    height: 408px;
    background-image: url('part23.1.jpeg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split23-2{
    width:100%;
    height: 408px;
    background-image: url('part23.2.jpeg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split23-3{
    width:100%;
    height: 408px;
    background-image: url('part23.3.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split23-4{
    width:100%;
    height: 408px;
    background-image: url('part23.4.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split23-5{
    width:100%;
    height: 408px;
    background-image: url('part23.5.jpeg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}.story-part-main-section-image-split23-6{
    width:100%;
    height: 408px;
    background-image: url('part23.6.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}


.story-part-main-section-image-split24-1{
    width:100%;
    height: 408px;
    background-image: url('part24.1.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split24-2{
    width:100%;
    height: 408px;
    background-image: url('part24.2.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split24-3{
    width:100%;
    height: 408px;
    background-image: url('part24.3.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split24-4{
    width:100%;
    height: 408px;
    background-image: url('part24.4.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split24-5{
    width:100%;
    height: 408px;
    background-image: url('part24.5.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}.story-part-main-section-image-split24-6{
    width:100%;
    height: 408px;
    background-image: url('part24.6.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split24-7{
    width:100%;
    height: 408px;
    background-image: url('part24.7.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}


.story-part-main-section-image-split24-8{
    width:100%;
    height: 408px;
    background-image: url('part24.8.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split24-9{
    width:100%;
    height: 408px;
    background-image: url('part24.9.jpeg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}


.story-part-main-section-image-split25-1{
    width:100%;
    height: 408px;
    background-image: url('part25.1.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split25-2{
    width:100%;
    height: 408px;
    background-image: url('part25.2.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split25-3{
    width:100%;
    height: 408px;
    background-image: url('part25.3.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split25-4{
    width:100%;
    height: 408px;
    background-image: url('part25.4.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split25-5{
    width:100%;
    height: 408px;
    background-image: url('part25.5.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}.story-part-main-section-image-split25-6{
    width:100%;
    height: 408px;
    background-image: url('part25.6.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split25-7{
    width:100%;
    height: 408px;
    background-image: url('part25.7.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}


.story-part-main-section-image-split25-8{
    width:100%;
    height: 408px;
    background-image: url('part25.8.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-image-split25-9{
    width:100%;
    height: 408px;
    background-image: url('part25.9.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split25-10{
    width:100%;
    height: 408px;
    background-image: url('part25.10.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.story-part-main-section-image-split25-11{
    width:100%;
    height: 408px;
    background-image: url('part25.11.jpeg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.story-part-main-section-text-split{
    width: 50%; 
    font-size: 15px; 
    line-height: 32px; 
    font-weight: 300; 
    font-family: 'Poppins';
    margin-left: 8px; 
    margin-right: 8px;
}

.story-part-main-section-image-dialog{
    font-size: 14px; 
    line-height: 32px; 
    font-weight: 400; 
    font-family: 'Poppins';
    text-align: center;
    margin-top: 8px;
}
.header-main-about-inside{
	width: 100%; 
	height: 100%; 
	background-color: #ffffff40; 
	display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}

.footer-icon-section{
	width: 100vw; 
	display: flex; 
	justify-content: center; 
	align-items: center;
}

@media (max-width: 1024px){
	.story-part-main-section-image{
		width: 88vw;
	}
	.story-part-main-section-inside{
		width: 88vw;
	}
	.story-part-main-section-content{
		width: 78vw;

	}
	.story-part-main-section-image-split{
		width: 78vw;
	}
	.story-part-main-section-text-split{
		width: 78vw;
	}
	.story-part-main-section-content-split{
		flex-direction: column;
	}
	.ind-blog-title{
		    width: 88vw;
    text-align: center;
	}
	.ind-blog-image{
		width: 88vw; 
	}
	.ind-blog-content{
		width: 88vw;
	}
    .homepage-section1{
        flex-direction: column-reverse;
		height: auto;
    }

    .homepage-section1-image{
        width: 88%;
        margin-top: 18px;
		position: relative; 
		height: 338px;
		top: 0px;
    }
	.homepage-section1-text-smaller{
		width: 68vw;
	}
    .homepage-section1-text{
        width: 88%;
		position: relative;
		height: auto; 
		top: 0px;
		padding-top: 28px; 
		padding-bottom: 28px;
    }
	.homepage-section1-text-text{
		font-weight: 300; 
		font-size: 17px;
	}
	.homepage-section1-text-header{
		font-size: 62px;
	}
    .homepage-section2{
        height: auto;
        padding-top: 52px;
        padding-bottom: 52px;
    }
    .homepage-section2-floating-text{
        bottom: 28px;
    right: 37%;
		font-size: 16px;
		width: 100px;
    }
    .homepage-section2-blog-section{
        flex-direction: column;
    }
    .homepage-section2-floating-recentposts{
        height: 100%;
    }
	.homepage-section3{
		height: auto; 
		padding-top: 38px; 
		padding-bottom: 38px;
	}
    .homepage-section3-image{
        width: 88%;
		position: relative; 
		left: 0px;
		height: 588px;
    }
	.homepage-section3-offset{
		width: 100vw;
		flex-direction: column;
	}

    .homepage-section3-textsection{
        top: 0px;
        right: 0px;
		position: relative;
		width: 88%;
    }
	.homepage-section3-text{
		font-weight: 300; 
		margin-top: 28px; 
		margin-bottom: 28px; 
	}
    .homepage-section4-text{
        width: 92%;
    }
	.homepage-section2-blog-title{
		    margin-bottom: 28px;
    margin-top: 13px;
		font-size: 16px;
	}
    .homepage-section5-inner-section{
        flex-direction: column-reverse;
        width: 980px; 
        padding-top: 38px; 
        padding-bottom: 38px;
        height: auto;
    }
    .homepage-section5-image{
        width: 88%;
        height: 327px;
    }
    .homepage-section5-text-section{
        align-items: center;
        padding-left: 0px;
        width: 100%;

    }
    .homepage-section5-text{
        width: 68%;
        text-align: justify;
    }
    .homepage-section5-header{
        margin-top: 28px;
        margin-bottom: 0px;
    }
	
	.panel-story-inside{
		flex-direction: column;
    	width: auto;
	}
	
	.homepage-section1-text-smaller{
		width: 80vw;
	}
	.footer-main{
		flex-direction: column; 
		padding-top: 28px; 
		padding-bottom: 28px; 
		height: auto; 
	}
	
	.footer-section1{
		padding-top: 18px; 
		padding-bottom: 18px; 
	}
	
	.footer-section2{
		padding-top: 18px; 
		padding-bottom: 18px; 
	}
	.footer-section3{
		padding-top: 18px; 
		padding-bottom: 18px;
	}
	.footer-bottom-section-inside{
		width: 100vw;
	}
	.aboutpage-section1-header{
		width: 88vw; 
	}
	.aboutpage-accordion{
		width: 88vw; 
	}
	.accordion{
		width: 88vw;
	}
	.panel{
		width: 88vw;
	}
	.recent-posts-image-section{
		flex-direction: column;
	}
	.must-read-ind-image{
		width: 388px; 
		height: 398px;
	}
	.must-read-ind-blog-title{
		width: 388px;
	}
	.blog-page-section3-categories{
		flex-direction: column;
	}
	.blog-page-section3-category1{
		margin: 18px;
	}
	.blog-page-section3-category2{
		margin: 18px;
	}
	.blog-page-section3-category3{
		margin: 18px;
	}
	.blog-page-section3-category4{
		margin: 18px;
	}
	.recent-posts-ind-image{
		width: 388px; 
		height: 388px;
	}
	.recent-posts-ind-blog-title{
		width: 388px;
	}
	.recent-posts-ind-blog-title{
		font-size: 16px;
	}
	.search-box{
		flex-direction: column;
		margin-right: 0px;
		margin-bottom: 28px;
	}
	.search-image{
		margin-right: 0px;
		height: 338px;
    width: 88vw;
	}
	.search-one-content{
		width: 88vw;
	}
	.search-box-small-title{
		margin-top: 8px;
    margin-bottom: 8px;
	}
	.search-details{
		margin-top: 3px;
    margin-bottom: 3px;
	}
	.search-page-section{
		width: 88vw;
	}
	.search-title{
		font-size: 23px;
	}
}

@media (max-width: 650px){
	.header-single-blog{
		height: auto; 
		padding-bottom: 13px;
	}
	.header-main-story{
		height: auto; 
	}
	.story-page-header-big{
		font-size: 38px; 
		line-height: 38px;
	}
	.story-page-header-texttext{
		font-size; 16px;
	}
	.story-page-header-text{
		position: relative;
		bottom: 0px;
		width: 88vw; 
		bottom: 0px; 
		margin-left: 0px;
		margin-bottom: 28px;
		height: 358px
	}
	.story-page-header-image{
		position: relative;
		bottom: 0px;
		margin-right: 0px;
		width: 88vw;
		height: 288px;
		margin-top: 18px;
	}
	.story-inside-card-text-section{
		margin-left: 0px;
		margin-top: 18px;
	}
	.recent-posts-ind-blog-title{
		width: 318px;
	}
	.recent-posts-ind-image{
		width: 318px; 
		height: 318px;
	}
	.blog-page-section4-header{
		width: 188px;
	}
	.blog-page-section4-image{
		width: 308px; 
		height: 288px; 
	}
	.blog-page-section4-text{
		width: 308px;
	}
	.blog-page-section3-category1{
		width: 338px; 
		height: 288px;
	}
	.blog-page-section3-category2{
		width: 338px; 
		height: 288px;
	}
	.blog-page-section3-category3{
		width: 338px; 
		height: 288px;
	}
	.blog-page-section3-category4{
		width: 338px; 
		height: 288px;
	}
	.blog-page-section2-header{
		text-align: center;
	}
	.blog-page-section2-text{
		width: 88vw;
	}
	.must-read-ind-image{
		width: 300px; 
		height: 300px; 
	}
	.must-read-ind-blog-title{
		width: 300px;
		font-size: 16px;
	}
	.blog-banner-menu-search-inside{
		flex-direction: column;
		margin-top: 8px; 
		margin-bottom: 8px;
	}
	.blog-menu{
		margin-bottom: 18px;
	}
	.header-top-section{
		height: auto;
	}
	.home-hero-banner{
		margin-left: 0px;
		align-items: center;
		justify-content: center;
	}
	.home-hero-banner-textbox-header{
		font-size: 36px; 
		margin-bottom: 8px; 
	}
	.home-hero-banner-textbox{
		height: auto;
		width: 88vw;
	}
	.home-hero-banner-textbox-text{
		font-size: 16px;
	}
	.read-my-story-front-hero{
		font-size: 17px;
	}
    .header-top-section{
        flex-direction: column;
    }
    .header-menu-item{
        font-size: 15px;
    }
    .header-logo{
        margin-left: 0px;
        margin-top: 15px;
    }
    .header-menu{
        margin-top: 28px;
        margin-right: 0px;
    }
    .homepage-section1{
        height: 888px;
    }
    .homepage-section1-text-column{
        width: 88%;
    }
    .homepage-section1-text-header{
        font-size: 52px;
    }
    .homepage-section1-text-text{
        font-size:15px;
		margin-top: 0px;
    }
    .homepage-section1-text-smaller{
        width: 80vw;
    }
    .homepage-section2{
        padding-top: 32px;
        padding-bottom: 52px;
    }
    .homepage-section2-header{
        font-size: 52px;
    }
    .homepage-section2-floating-text{
        bottom: 18px;
        right: 45%;
    }
    .homepage-section3-image{
        position: relative;
        left: 0px;
        height: 280px;
    }
    .homepage-section3-textsection{
        top: 0px; 
        right: 0px;
        position: relative;
        width: 88vw;
		padding: 28px;
    }
    .homepage-section3-offset{
        flex-direction: column;
    }
    .homepage-section3{
        height: auto;
        padding-top: 28px;
        padding-bottom: 28px;
    }
    .homepage-section3-header{
        font-size: 38px; 
    }
    .instagram-reel-section{
        height: auto; 
        padding-top: 28px;
        padding-bottom: 28px;
    }
    .featured-in-section{
        height: auto;
        padding-top: 28px; 
        padding-bottom: 28px;
    }
    .homepage-section5{
        height: auto; 
        padding-top: 28px; 
        padding-bottom: 28px;
    }
    .homepage-section4{
        height: auto; 
    }
	.homepage-section4-overlay{
		padding-top:58px; 
		padding-bottom: 58px;
	}
    .homepage-section4-header{
        text-align: center;
		font-size:32px;
    }
    .homepage-section4-text{
        font-size: 14px; 
    }
    .homepage-section4-button{
        font-size: 14px;
    }
    .homepage-section5-header{
        font-size: 24px; 
        margin-top: 12px; 

    }
    .homepage-section5-text{
        font-size: 14px;
        width: 78%;
    }
    .instagram-reel-section-header{
        font-size: 24px; 
    }
    .featured-inheader{
        font-size: 24px;    
    }
    .footer-main{
        height: auto;
        padding-top: 28px;
        padding-bottom: 28px;
        flex-direction: column;
    }
    .footer-section1{
        margin-top: 8px; 
        margin-bottom: 8px;
    }
    .footer-section2{
        margin-top: 8px; 
        margin-bottom: 8px;
    }
    .footer-section3{
        margin-top: 8px; 
        margin-bottom: 8px;
    }

    .footer-bottom-section-inside{
        flex-direction: column;
        padding-bottom: 13px;
    }
    .footer-bottom-section-right{
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .footer-bottom-section-left{
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .footer-bottom-section{
        height: auto; 
    }
}