@charset "UTF-8";
/* CSS Document */

/*******************button style ************  */
.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.button1 {
    background-color: white;
    color: black;
    border: 2px solid #4CAF50;
}

.button1:hover {
    background-color: #4CAF50;
    color: white;
}
/****************button style end  */

#header {
    min-height: 100px;
}

#push_pull {
    min-height: 600px;
}

.pull {
    min-height: 500px;
    position: relative;
    top: -100px;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

.push {
    min-height: 500px;
    position: relative;
    top: 100px;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
}


ul#nav {
    display: flex;
    justify-content: space-around;
}

#nav li {
    line-height: 60px;
}

@media (min-width:601px) and (max-width: 1100px) {
    /*tablet*/
}

@media (max-width: 600px) {
    /*large phone*/
}

@media (max-width: 400px) {
    /*small phone*/
}

/*-----------------my style starts----------------  */

/* --------------general styling-------------------- */
h1 {
    font-family: 'Fira Sans', sans-serif;
    font-size: 6rem;
    font-style: bold;
    /* text-decoration-style: wavy; */
}
h3 {
    font-family: 'Fira Sans', sans-serif;
    font-size: 9rem;
    font-style: bold;
    /* text-decoration-style: wavy; */
}

p {
    font-family: 'Fira Sans', sans-serif;
    font-size: 1.5rem;
    text-transform: lowercase;
}
.tagfooter {
  font-family: 'Fira Sans', sans-serif;
  font-size: 1.5rem;
  letter-spacing: 0.0525em;
  padding-left: 40px;

}
h4 {
    font-family: 'Fira Sans', sans-serif;
    font-size: 2rem;
    font-weight: 500;
    line-height: auto;
    padding: none;
    margin: none;
    text-transform: uppercase;
    letter-spacing: 2px;
}
h5 {
  font-family: 'Fira Sans', sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: auto;
  padding: none;
  margin: none;
  /* text-transform: uppercase; */
  letter-spacing: 1px;
  color: black;
}
hr {
    border:         none;
    border-left:    3px solid #72aa8b;
    height:         20vh;
    width:          1px;
    grid-column: 7/8;
    grid-row: 22;
}


/****header navbar style***********/

.navbar {
    color: #fff;
    border-bottom-style: solid;
    border-bottom-color: coral;
    background-color: white;
    width: 100%;
    height: 70px;
    line-height: 45px;
    font-size: 13px;
    padding: 10px 30px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}

.navbar a {
    line-height: 56px;
    text-decoration: none;
    color: #000;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 5px;
}

.navbar a.navbar-brand {
    float: left;
    height: inherit;
    line-height: inherit;
    padding: 0px 25px;
    font-size: 30px;
    text-transform: uppercase;

    letter-spacing: 6px;
    font-family: 'Fira Sans', sans-serif;
    font-style: bold;
    font-weight: 500;

}

.navbar a.navbar-brand span {
    font-size: 40px;
    font-weight: 700;
    color: coral;
}

.navbar ul {
    float: right;
    list-style: none;
    height: inherit;
    line-height: inherit;
    padding: 0 30px;
}

.navbar ul li {
    display: inline-block;
}

.navbar ul li a {
    display: block;
    text-align: center;
    min-width: 100px;
    padding: 0 10px;
}

.navbar ul li a:hover {
    color: coral;
}

#stories a:hover {
    color: coral;
}

#recipes a:hover {
    color: coral;
}

#subscribe a:hover {
    color: coral;
}

#about a:hover {
    color: coral;
}

.navbar .navbar-toggler {
    display: none;
}

@media (max-width: 991px) {
    .navbar ul {
        padding: 0 10px;
    }
    .navbar ul li a {
        min-width: 100px;
        padding: 0 20px;
    }
}

@media (max-width: 767px) {
    .navbar {
        padding: 0;
    }
    .navbar ul {
        width: 100%;
        padding: 0;
        background-color: #fff;
        /* border: 2px solid black; */
        /* height: auto; */
        height: 40vh;
        max-height: 0;
        overflow: hidden;
        transition: all ease-in-out 0.3s;
    }
    .navbar ul.open {
        max-height: 100vh;
    }
    .navbar ul li {
        width: 100%;
        border-bottom: 1px solid rgba(255,255,255,0.3);
    }
    .navbar ul li a {
        padding: 0;
    }
    .navbar .navbar-toggler {
        display: block;
        position: absolute;
        height: 40px;
        top: 8px;
        right: 20px;
        background-color: transparent;
        color: #000;
        /* border: 2px solid #000; */
        /* border: none; */
        /* border-radius: 4px; */
        outline: none;
        padding: 0 5px;
        cursor: pointer;
    }
    .navbar .navbar-toggler span,
    .navbar .navbar-toggler span::before,
    .navbar .navbar-toggler span::after {
        display: block;
        content: '';
        background-color: #000;
        height: 3px;
        width: 28px;
        border-radius: 2px;
        transition: all ease-in-out 0.3s;
    }
    .navbar .navbar-toggler span::before {
        transform: translateY(-8px);
    }
    .navbar .navbar-toggler span::after {
        transform: translateY(5px);
    }

    .navbar .navbar-toggler.open-navbar-toggler span {
        /* transform: rotate(90deg); */
        background-color: transparent;
        /* transform: scale(0.85) rotate(270deg); */
    }
    .navbar .navbar-toggler.open-navbar-toggler span::before {
        transform: translateY(0px) rotate(45deg);
        /* transform: translateY(0px) scale(0.75) rotate(45deg); */
    }
    .navbar .navbar-toggler.open-navbar-toggler span::after {
        transform: translateY(-3px) rotate(-45deg);
        /* transform: translateY(-3px) scale(0.75) rotate(-45deg); */
    }
}
/* end navbar style */

/**************FOOTER*********************/

#footer {
    /* position: fixed; */
    z-index: 1000;
    left: 0;
    bottom: 0;
    width: 100vw;
    height: 100px;
    /* max-height: auto; */
    background-color: black;
    color: white;
    text-align: left;
}

#footer h1 {
    padding-top: 15px;
    font-size: 25px;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-family: 'Roboto', sans-serif;
    font-style: bold;
    font-weight: 400;
    line-height: 40px;
    margin-bottom: 0px;
    padding-left: 40px;

}

/* #footer span {
    font-size: 20px;
    line-height: 10px;
    font-weight: 700;
    color: #ffee56;
} */

#footer p {
    font-size: 10px;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 4px;
    line-height: 14px;
}

#footer i {
    font-size: 15px;
    line-height: 15px;
    padding-bottom: 9px;
    letter-spacing: 10px;
}

#footer a {
    color: white;
}

#footer a:hover {
    color: #ffee56;
}
img {
    height: auto;
    width: 100%;
    	/* display: block;
    	border: 0;
    	width: 100%;
    	height: auto; */
}
/*--------------------------------------------------------------
container 1 chef section homepage----------------------------  */

#homebackground {
   background-image: url("../img/old_map.png");
}

/*---------------------------------------------------------------
Hero image style homepage------------------------------------  */

#hero {
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    grid-template-rows: repeat(12, 90px);
    /*grid-column-gap: 20px;*/
    height: 95vh;
    max-width: 100vw;
    background-image: url("../img/pizzafood.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    background-position: center;
    position: relative;
}

#herotitle {
    grid-column: 2/7;
    grid-row: 3/8;
    /* text-align: left; */
    /* transform: rotate(-20deg); */
    /* font-size: 1.7rem; */
    color: white;
    -webkit-text-stroke-width: 2px;
    padding : 15px;
    top: -4px;
    /* -webkit-text-sstroke-width: .5px white; */
    /* box-shadow: 10px 10px 0 0 coral; */
    /* heigth:80px; */
    /* width:500px; */
}

/* #brunchtitle h3 {
    color: #000;
    text-transform: lowercase;
    font-weight: 500;
    font-size: 8em;
    line-height: 1em;
    text-align: left;
    padding-top: 5vh;
    z-index: 999;
    font-style: bold;
    font-family: 'Roboto', sans-serif;

} */


/* #brunchtitletext {
    grid-column: 2/3;
    grid-row: 10/11;
    transform: rotate(-15deg);
    text-shadow:
}

#brunchtitletext p {
    color: white;
    font-weight: 600;
    text-transform: uppercase;
    margin-left: 5vw;
    margin-top: 2vh;
    padding-right: 5px;
} */

.containerheader {
    grid-column: 8;
    grid-row: 1/4;
    position: relative;
    top: 20px;
}

/*--------------------------------------------------------------
container 2 chef section style here-------------------------  */

#chefmassimo {
    /* background-color: #ffee56; */
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    grid-template-rows: repeat(17, 50px);
    /*grid-column-gap: 20px;*/
    height: 97vh;
    max-width: 97vw;
    margin-top:40px;
    /* border-top-style: solid; */
    /* border-top-color: coral; */

}

.containerheader {
    grid-column: 8;
    grid-row: 1/2;
    position: relative;
    top: 20px;
}
.cheftext {
  grid-column: 11/15;
  grid-row: 14;
  /* position: absolute; */
  /* transform: rotate(90deg); */
  color: #ca4d46;
  font-style: extrabold;
  font-size: 1.5em;
  /* z-index:999px; */
  position: relative;
  /* -webkit-text-stroke-width: .5px; */
  /* text-transform: lowercase; */
  /* font-style: italic; */
  /* text-shadow: 1px 1px 2px ; */
}
.cheftexttwo {
  grid-column: 12/17;
  grid-row: 9/13;
  /* transform: rotate(-10deg); */
  font-style: bold;
  font-size: 1em;
  line-height: 3em;
  margin-left: 30px;
  /* padding-right:20px; */
  /* -webkit-text-stroke-width: .5px; */
  /* line-height: 40px; */
  /* color: #41553d; */
  /* -webkit-text-stroke-width: .5px; */
  /* -webkit-text-stroke: .5px black; */
  /* text-align: justify; */

  /* text-align: left; */
  /* background-color: #ffee56; */
  /* text-transform: lowercase; */
  /* font-style: italic; */
}
.cheftextthree {
  grid-column: 10/16;
  grid-row: 6/14;
  /* background-color: #f6b554;
  position:relative;
    border: 3px solid #41553d; */
}
.containerparagraph1 {
  grid-column: 7/10;
  grid-row: 8;
}
.cheftextfour {
  grid-column: 12/14;
  grid-row: 14;
  position:relative;
  font-style: extrabold;
  font-size: 1.5em;
}
/* .boxy {
  grid-column: 9/16;
  z-index: 1000px;
  grid-row:5;
  transform: rotate(0deg);



  background-color: #ffee56;
}
.special {
  font-size: 1em;
} */
/* .readone {
  grid-column: 1/3;
  grid-row: 1/3;
  transform: rotate(0deg);
  font-style: bold;
  font-size: 1.2em;
  line-height: 40px;
  color:black;
  text-align: left;

} */

#chefmassimo .containerheader {
    grid-column: 2/8;
    grid-row: 3/4;
    position: relative;
    top: -120px;
    line-height: 8em;
    color: #72aa8b;
    -webkit-text-stroke-width: 2px;
    /* -webkit-text-stroke: 3px red; */
}

.containerheader h4 {
    /* color: #000; */
    /* this is the fallback */
    /* -webkit-text-stroke: 1px #000; */
    /* -webkit-text-fill-color: transparent; */
    /* text-shadow: 4px 4px blue; */
    text-transform: lowercase;
    font-weight: 900;
    font-size: 10em;
    text-align: right;

    padding-top: 2vh;
    z-index: 999;
}

.chefone {
    grid-column: 1/12;
    grid-row: 6/9;
}

.chefone img {
    height: 100%;
    width: 100%;
}

.cheftwo {
    grid-column: 10/16;
    grid-row: 7/15;
    padding-bottom: 5vh;
}

.cheftwo img {
    height: 100%;
    width: 100%;
}


.image__wrapper {
    height: auto;
    width: auto;
    overflow: hidden;
    position: relative;
    border: 3px solid #000;
    margin: 4rem 0;
    box-shadow: 7px 7px 0 0 coral;
    top: 0px;
    transition: all .5s ease-out;
}

.image__wrapper:hover {
    box-shadow: 10px 10px 0 0 rgba(0, 0, 0, 0.25);
    top: -4px;
    transition: all .25s ease-out;
}

.image__wrapper:hover {
  -webkit-filter: sepia(1);
  filter: sepia(1);
  transition: all .5s ease-out;
}

.image__content {
    position: relative;
    top: 50%;
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%);
    background: transparent;
    padding: 0.5rem 0;
}

.image__content h2 {
    color: #000;
    font-size: 2rem;
    font-family: 'Roboto', sans-serif;
    margin: 0;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding-top: 4px;
}

.image__link {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 999;
}

/* end chef section  */

/*--------------------------------------------------------------
container 3 winemaker section style here-------------------------  */

#topten {
    /* background-color: #ffee56; */
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    grid-template-rows: repeat(17, 50px);
    height: 97vh;
    max-width: 100vw;
    margin-top:40px;
}
.toptenone {
  grid-column: 1/9;
  grid-row: 6/9;
}

.toptenone img {
    height: 100%;
    width: 100%;
}

.toptentwo {
  grid-column: 9/14;
  grid-row: 3/7;
}

.toptenone img {
    height: 100%;
    width: 100%;
    /* transform: rotate(-20deg); */
}
.toptentext {
  grid-column: 9/16;
  grid-row: 13;
  /* transform: rotate(-20deg); */

  /* line-height: 4vh; */
  font-style: bold;
  font-size: 1em;
  line-height: 3em;
  /* -webkit-text-stroke-width: .5px; */
  /* line-height: 40px; */
  color: black;
  /* -webkit-text-stroke: 1px blue; */
  text-align: left;
}
.toptentexttwo {
  grid-column: 8/11;
  grid-row: 17;
  font-style: extrabold;
  font-size: 1.5em;
}
.containerheader {
    grid-column: 8;
    grid-row: 1/4;
    position: relative;
    top: 20px;
}
#topten .containerheader {
    grid-column: 4/15;
    grid-row: 1/5;
    position: relative;
    top: -80px;
    line-height: 9em;
    color: #72aa8b;
    -webkit-text-stroke-width: 2px;
    /* color:blue; */
}
.containerparagraph {
  text-transform: initial;
  /* text-transform: capitalize; */
  font-weight: 50;
  font-size: 2em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 2vh;
  z-index: 999;
}
.containerparagraph1 {
  text-transform: initial;
  /* text-transform: capitalize; */
  font-weight: 50;
  font-size: 1.3em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 2vh;
  z-index: 999;
}
.containerheadertop {
    grid-column: 6/10;
    grid-row: 1/4;
    position: relative;
    top: 20px;
    z-index: 999;
}

/*--------------------------------------------------------------
container 3 topten end -------------------------  */


/*--------------------------------------------------------------
container 4 winemaker section style here-------------------------  */

#winemaker {
    /* background-color: blue; */
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    grid-template-rows: repeat(17, 50px);
    /*grid-column-gap: 20px;*/
    height: 90vh;
    max-width: 97vw;
    margin-top:40px;
}
.winemakerone {
  grid-column: 7/16;
  grid-row: 6/9;
}

.winemakerone img {
    height: 100%;
    width: 100%;
    /* transform: rotate(-10deg); */
}
.winemakertwo {
  grid-column: 2/6;
  grid-row: 3/5;
}

.winemakertwo img {
    height: 100%;
    width: 100%;
    /* transform: rotate(-10deg); */
}
.winemakertext {
    grid-column: 2/7;
    grid-row: 10;
    /* background-color: #ffee56; */
    /* transform: rotate(-30deg); */
    font-family: 'Roboto', sans-serif;
    /* line-height: 4vh; */
    font-style: bold;
    font-size: 1em;
    line-height: 3em;
    /* -webkit-text-stroke-width: .5px; */
    /* line-height: 40px; */
    color: black;
    /* -webkit-text-stroke: 1px blue; */
    text-align: left;
}
#winemaker .containerheader {
    grid-column: 6/11;
    grid-row: 1;
    position: relative;
    top: 10px;
    line-height: 9em;
    color: #72aa8b;
    -webkit-text-stroke-width: 2px;
}
.winemakertexttwo {
  grid-column: 1/5;
  grid-row: 15;
  /* transform: rotate(90deg); */
  font-style: extrabold;
  font-size: 1.5em;

  /* text-transform: lowercase; */
  /* font-style: italic; */
  /* text-shadow: 1px 1px 2px ; */
}
/*--------------------------------------------------------------
container 4 winemaker end -------------------------  */


/*--------------------------------------------------------------
container 5 recipe section style here-------------------------  */

#recipe {
    /* background-color: red; */
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    grid-template-rows: repeat(17, 100px);
    /*grid-column-gap: 20px;*/
    height: 100vh;
    max-width: 97vw;
    margin-top:40px;
}
.recipeone {
  grid-column: 1/12;
  grid-row: 3/8;
}

.recipeone img {
    height: 100%;
    width: 100%;
}

.recipetwo {
  grid-column: 10/16;
  grid-row: 2/5;
}

.recipetwo img {
    height: 100%;
    width: 100%;
  }

.recipetext {
  grid-column: 12/17;
  grid-row: 7;
  font-style: bold;
  font-size: 1em;
  line-height: 3em;
  /* -webkit-text-stroke-width: .5px; */
  /* line-height: 40px; */
  color: black;
  /* -webkit-text-stroke: 1px blue; */
  text-align: left;
}
#recipe .containerheader {
    grid-column: 4/18;
    grid-row: 1;
    position: relative;
    top: 10px;
    line-height: 9em;
    color: #72aa8b;
    -webkit-text-stroke-width: 2px;
}
.recipetexttwo {
  grid-column: 10/16;
  grid-row: 10;
  /* transform: rotate(90deg); */
  font-style: extrabold;
  font-size: 1.5em;
  /* text-transform: lowercase; */
  /* font-style: italic; */
  /* text-shadow: 1px 1px 2px ; */
}

/*--------------------------------------------------------------
container 5 summer party section style here-------------------------  */

#event {
    /* background-color: orange; */
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    grid-template-rows: repeat(17, 100px);
    /*grid-column-gap: 20px;*/
    height: 97vh;
    max-width: 97vw;
    margin-top:40px;
}
.eventone {
  grid-column: 1/9;
  grid-row: 3/7;
}

.eventone img {
    height: 100%;
    width: 100%;
    /* border-radius: 50% */
}

.eventtwo {
  grid-column: 12/16;
  grid-row: 2/5;
}

.eventtwo img {
    height: 100%;
    width: 100%;
  }

.eventtext {
  grid-column: 9/16;
  grid-row: 6;
  /* transform: rotate(-15deg); */
  color: black;
  font-style: bold;
  font-size: 1em;
  line-height: 3em;
  /* -webkit-text-stroke-width: .5px; */
}

#event .containerheader {
    grid-column: 3/14;
    grid-row: 1;
    position: relative;
    top: 10px;
    line-height: 9em;
    color: #72aa8b;
    -webkit-text-stroke-width: 2px;
}
.eventtexttwo {
  grid-column: 5/15;
  grid-row: 8;
  /* transform: rotate(90deg); */
  font-style: extrabold;
  font-size: 1.5em;
  /* text-transform: lowercase; */
  /* font-style: italic; */
  /* text-shadow: 1px 1px 2px ; */
}

/*--------------------------------------------------------------
container 6 oil pulling section style here-------------------------  */

#oil {
    /* background-color: orange; */
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    grid-template-rows: repeat(14, 100px);
    /*grid-column-gap: 20px;*/
    height: 97vh;
    max-width: 97vw;
    margin-top:40px;
}
.oilone {
  grid-column: 5/14;
  grid-row: 3/7;
}

.oilone img {
    height: 100%;
    width: 100%;
    /* border-radius: 50% */
}
.oiltext {
  grid-column: 8/18;
  grid-row: 8;
  /* transform: rotate(-15deg); */
  color: black;
  font-style: extrabold;
  font-size: 1em;
  line-height: 3em;
  /* -webkit-text-stroke-width: .5px; */
  /* text-shadow: */
  /* font-style: italic; */
  /* text-shadow: 2px 1px 2px coral, 0 0 25px blue, 0 0 5px darkblue; */
}

#oil .containerheader {
    grid-column: 3/10;
    grid-row: 1;
    position: relative;
    top: 10px;
    line-height: 9em;
    color: #72aa8b;
    -webkit-text-stroke-width: 2px;
}
.oiltextone {
  grid-column: 7/11;
  grid-row: 9;
  /* transform: rotate(90deg); */
  font-style: extrabold;
  font-size: 1.5em;
  /* text-transform: lowercase; */
  /* font-style: italic; */
  /* text-shadow: 1px 1px 2px ; */
}

/*--------------------------------------------------------------
container 7 dinner section style here-------------------------  */

#dinner {
    /* background-color: orange; */
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    grid-template-rows: repeat(12, 100px);
    /*grid-column-gap: 20px;*/
    height: 97vh;
    max-width: 97vw;
    margin-top:40px;
}
.dinnerone {
  grid-column: 1/10;
  grid-row: 3/6;
}

.dinnerone img {
    height: 100%;
    width: 100%;
    /* border-radius: 50% */
}
.dinnertext {
  grid-column: 7/15;
  grid-row: 7;
  /* transform: rotate(-15deg); */
  color: black;
  font-style: extrabold;
  font-size: 1.5rem;
  /* text-shadow: */
  /* font-style: italic; */
  /* text-shadow: 2px 1px 2px coral, 0 0 25px blue, 0 0 5px darkblue; */
}

#dinner .containerheader {
    grid-column: 1/16;
    grid-row: 1/3;
    position: relative;
    top: 35px;
    line-height: 9em;
    color: #72aa8b;
    -webkit-text-stroke-width: 2px;
}
.dinnertextone {
  grid-column: 8/16;
  grid-row: 1;
  font-style: extrabold;
  font-size: 1.5em;
}
.dinnertexttwo {
  grid-column: 10/18;
  grid-row: 6;
  color: black;
  font-style: extrabold;
  font-size: 1em;
  line-height: 3em;
  /* -webkit-text-stroke-width: .5px; */
}


/***********************************
Chef homepage starts here *******************/

#chefhomepage {
    /* background-color: #ffee56; */
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    grid-template-rows: repeat(100, 50px);
    /*grid-column-gap: 20px;*/
    height: 450vh;
    max-width: 97vw;
    margin-top:40px;
    /* border-top-style: solid; */
    /* border-top-color: coral; */

}

.containerheaderchef {
    grid-column: 8;
    grid-row: 1/2;
    position: relative;
    top: 20px;
}
.chefhometext {
  grid-column: 2/9;
  grid-row: 45/46;
  /* position:relative; */
  /* transform: rotate(90deg); */
  /* color: red; */
  font-style: extrabold;
  font-size: 2.5em;
  /* text-transform: lowercase; */
  /* font-style: italic; */
  /* text-shadow: 1px 1px 2px ; */
}
.chefhometexttwo {
  grid-column: 11/21;
  grid-row: 10;
  transform: rotate(0deg);
  font-style: bold;
  font-size: 1.5em;
  /* line-height: 40px; */
  color: black;
  -webkit-text-stroke: .5px black;
  text-align: left;
  /* text-decoration: underline; */

  /* text-align: left; */
  /* background-color: #ffee56; */
  /* text-transform: lowercase; */
  /* font-style: italic; */
}
.chefhometextthree {
  grid-column: 12/20;
  grid-row: 26;
  transform: rotate(0deg);
  font-style: bold;
  font-size: 1.2em;
  line-height: 40px;
  color: black;
  /* -webkit-text-stroke: 1px blue; */
  text-align: left;

  /* text-align: left; */
  /* background-color: #ffee56; */
  /* text-transform: lowercase; */
  /* font-style: italic; */
}
/* .boxy {
  grid-column: 9/16;
  z-index: 1000px;
  grid-row:5;
  transform: rotate(0deg);



  background-color: #ffee56;
}
.special {
  font-size: 1em;
} */
/* .readone {
  grid-column: 1/3;
  grid-row: 1/3;
  transform: rotate(0deg);
  font-style: bold;
  font-size: 1.2em;
  line-height: 40px;
  color:black;
  text-align: left;

} */

.chefhometextfour {
  grid-column: 12/20;
  grid-row: 14/17;
  transform: rotate(0deg);
  /* font-style: bold; */
  font-size: 1.2em;
  line-height: 40px;
  color: black;
  /* -webkit-text-stroke: 1px blue; */
  /* text-align: justify; */

  /* text-align: left; */
  /* background-color: #ffee56; */
  /* text-transform: lowercase; */
  /* font-style: italic; */
}
#chefhomepage .containerheaderchef {
  /* margin-top:50px; */
    grid-column: 2/8;
    grid-row: 3/6;
    position: relative;
    top: -120px;
    line-height: 10em;
    color: #72aa8b;
    -webkit-text-stroke-width: 2px;
}

.containerheaderchef h4 {
    /* color: #000; */
    /* this is the fallback */
    /* -webkit-text-stroke: 1px #000; */
    /* -webkit-text-fill-color: transparent; */
    /* text-shadow: 4px 4px blue; */
    text-transform: lowercase;
    font-weight: 900;
    font-size: 12em;
    text-align: right;

    /* padding-top: 2vh; */
    z-index: 999;
}

.chefhomeone {
    grid-column: 1/12;
    grid-row: 12/15;
}

.chefhomeone img {
    height: 100%;
    width: 100%;
}

.chefhometwo {
    grid-column: 11/16;
    grid-row: 34/38;
    padding-bottom: 5vh;
}

.chefhometwo img {
    height: 100%;
    width: 100%;
}
.chefhomethree {
    grid-column: 1/10;
    grid-row: 37;
    /* padding-bottom: 5vh; */
}

.chefhomethree img {
    height: 100%;
    width: 100%;
}
.chefhomefour {
    grid-column: 12/19;
    grid-row: 19/20;
    padding-bottom: 5vh;
}

.chefhomefour img {
    height: 100%;
    width: 100%;
}
.chefhomefive {
    grid-column: 1/7;
    grid-row: 53;
    padding-bottom: 5vh;
}

.chefhomefive img {
    height: 100%;
    width: 100%;
}
.chefhomesix {
    grid-column: 9/15;
    grid-row: 54;
    padding-bottom: 5vh;
}

.chefhomesix img {
    height: 100%;
    width: 100%;
}
.chefhomeseven {
    grid-column: 11/18;
    grid-row: 69;
    padding-bottom: 5vh;
}

.chefhomeseven img {
    height: 100%;
    width: 100%;
}
.containerparagraphchefthree {
  /* text-transform: lowercase; */
  /* text-transform: capitalize; */
  font-weight: 50;
  font-size: 2em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 3vh;
  z-index: 999;
  font-style: italic;
  color: #ca4d46;
  /* background-color: #ffee56; */
  /* border: 2px solid red;
    padding: 10px;
    border-radius: 25px; */
  /* transform: rotate(-20deg); */
}
/* .containerparagraphchefthree::before{
  font-family: 'Fira Sans', sans-serif;
  content: "\201C";
  color:coral;
  font-size:4em;
  position: absolute;
  left: 10px;
  top:-20px;
}

.containerparagraphchefthree::after{
  content: '';
}

.containerparagraphchefthree span{
  display:block;
  color:#333333;
  font-style: normal;
  font-weight: bold;
  margin-top:1.2em;
} */
/* ****************** pull quotes  */
/* .containerparagraphcheftwo::before{
  font-family: 'Fira Sans', sans-serif;
  content: "\201C";
  color:coral;
  font-size:4em;
  position: absolute;
  left: 10px;
  top:-20px;
}

.containerparagraphcheftwo::after{
  content: '';
}

.containerparagraphcheftwo span{
  display:block;
  color:#333333;
  font-style: normal;
  font-weight: bold;
  margin-top:1em;
} */
/*pull quote end  */

.containerparagraphcheftwo {
  text-transform: uppercase;
  /* text-transform: capitalize; */
  font-weight: 50;
  font-size: 3em;
  line-height: 1.2em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 2vh;
  z-index: 999;
  color: #000000;

  font-style: normal;
  /* background-color: #ffee56; */
}

.containerparagraphchefone {
  text-transform: uppercase;
  /* text-transform: capitalize; */
  font-weight: 50;
  font-size: 2em;
  line-height: 1.2em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 2vh;
  z-index: 999;
  color: #000000;

  font-style: normal;
  /* background-color: #ffee56; */
}
.containerparagraphcheffour {
  text-transform: inherit;
  /* text-transform: capitalize; */
  font-weight: normal;
  font-size: 1.5em;

  line-height: 40px;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 2vh;
  z-index: 999;
  color: #000000;
  /* background-color: coral;  */
}
.containerparagraphcheffive {
  text-transform: uppercase;
  /* text-transform: capitalize; */
  font-weight: 50;
  font-size: 2em;
  line-height: 1.2em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 2vh;
  z-index: 999;
  color: #000000;

  font-style: normal;
}
.chefhometextfive {
  grid-column: 3/8;
  grid-row: 27;
  top: -20vh;
  /* margin-top: 50px; */
  /* transform: rotate(90deg); */
  /* color: red; */
  font-style: extrabold;
  font-size: 2.5em;
  /* text-transform: lowercase; */
  /* font-style: italic; */
  /* text-shadow: 1px 1px 2px ; */
}

.chefhometextnine{
  grid-column: 7/12;
  grid-row: 59;
  top: -20vh;
  /* margin-top: 50px; */
  /* transform: rotate(90deg); */
  /* color: red; */
  font-style: extrabold;
  font-size: 2.5em;
  /* text-transform: lowercase; */
  /* font-style: italic; */
  /* text-shadow: 1px 1px 2px ; */
}
.containerparagraphchefnine {
  text-transform: uppercase;
  /* text-transform: capitalize; */
  font-weight: 50;
  font-size: 2em;
  line-height: 1.2em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 2vh;
  z-index: 999;
  color: #000000;

  font-style: normal;
}
.chefhometextsix {
  grid-column: 3/11;
  grid-row: 30;
  /* top: -20vh; */
  /* transform: rotate(90deg); */
  /* color: red; */
  font-style: extrabold;
  font-size: 2.5em;
  /* text-transform: lowercase; */
  /* font-style: italic; */
  /* text-shadow: 1px 1px 2px ; */

}
.containerparagraphchefsix {
  text-transform: inherit;
  /* text-transform: capitalize; */
  font-weight: 30;
  font-size: 0.75em;
  line-height: 30px;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 2vh;
  z-index: 999;
  color: #000000;
  /* background-color: #f6b554; */
  /* border: 3px solid #41553d; */
  margin:30px;

}
.chefhometextseven {
  grid-column: 7/19;
  grid-row: 46;
  top: -20vh;
  /* transform: rotate(90deg); */
  /* color: red; */
  font-style: extrabold;
  font-size: 2.5em;
  /* text-transform: lowercase; */
  /* font-style: italic; */
  /* text-shadow: 1px 1px 2px ; */

}
.containerparagraphchefseven {
  text-transform: inherit;
  /* text-transform: capitalize; */
  font-weight: 30;
  font-size: 0.75em;
  line-height: 30px;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 2vh;
  z-index: 999;
  color: #000000;
  /* background-color: #f6b554; */
  /* border: 3px solid #41553d; */
  margin:30px;

  /* background-color: #ffee56; */

}
.chefhometexteight {
  grid-column: 1/11;
  grid-row: 63;
  top: -20vh;
  /* transform: rotate(90deg); */
  /* color: red; */
  font-style: extrabold;
  font-size: 2.5em;
  /* text-transform: lowercase; */
  /* font-style: italic; */
  /* text-shadow: 1px 1px 2px ; */

}
.containerparagraphchefeight {
  text-transform: inherit;
  /* text-transform: capitalize; */
  font-weight: 30;
  font-size: 0.75em;
  line-height: 30px;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 2vh;
  z-index: 999;
  color: #000000;
  /* background-color: #f6b554; */
  /* border: 3px solid #41553d; */
  margin:30px;

  /* background-color: #ffee56; */

}
/********************************************
topten homepage ****************************/
#toptenhomepage {
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    grid-template-rows: repeat(200, 50px);
    height: 1200vh;
    max-width: 97vw;
    margin-top:40px;
}

.containerheadertopten {
    grid-column: 8;
    grid-row: 1/2;
    position: relative;
    top: 20px;
}
.toptenhometextone {
  grid-column: 12/18;
  grid-row: 10/12;
  transform: rotate(90deg);
  font-style: extrabold;
  font-size: 2.5em;
}

#toptenhomepage .containerheadertopten {
  /* margin-top:50px; */
    grid-column: 1/10;
    grid-row: 2/6;
    position: relative;
    top: -20px;
    line-height: 10em;
    color: #72aa8b;
    -webkit-text-stroke-width: 2px;

}

.containerheadertopten h4 {
    text-transform: lowercase;
    font-weight: 900;
    font-size: 12em;
    text-align: right;
    z-index: 999;
}
.toptenhomeone {
    grid-column: 6/20;
    grid-row: 8/12;
}
.toptenhomeone img {
    height: 100%;
    width: 100%;
}
.productone {
  grid-column: 12;
  grid-row: 2;
  position: relative;
  top: 20px;
  color: #ca4d46;
  /* background-color: yellow; */
}
.productone h4 {
    text-transform: lowercase;
    font-weight: 900;
    font-size: 14em;
    text-align: right;
    z-index: 999;
}
.toptenhometextone {
  grid-column: 2/8;
  grid-row: 12/15;
  transform: rotate(0deg);
  font-style: bold;
  font-size: 2em;
  line-height: 40px;
  color: black;
  /* padding-left:40px; */
  /* -webkit-text-stroke: 1px blue; */
  text-align: left;
}
.containerparagraphtoptenone h5{
  /* text-transform: lowercase; */
  text-transform: capitalize;
  font-weight: 70;
  font-size: 2em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 3vh;
  z-index: 999;
  font-style: normal;
  /* transform: rotate(-30deg); */
}
.textproductone {
  text-transform: inherit;
  font-weight: 70;
  font-size: 1.2em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 3vh;
  z-index: 999;
  font-style: normal;
  padding-left: 20px;

}

/*product 2   */
.toptenhometwo {
    grid-column: 1/8;
    grid-row: 21;
}
.toptenhometwo img {
    height: 100%;
    width: 100%;
}
.producttwo {
  grid-column: 7;
  grid-row: 15;
  position: relative;
  top: 20px;
  color: #ca4d46;
  /* background-color: yellow; */
}
.producttwo h4 {
    text-transform: lowercase;
    font-weight: 900;
    font-size: 14em;
    text-align: right;
    z-index: 999;
}
.toptenhometexttwo {
  grid-column: 8/16;
  grid-row: 23/28;
  transform: rotate(0deg);
  font-style: bold;
  font-size: 2em;
  line-height: 40px;
  color: black;
  /* padding-left:40px; */
  /* -webkit-text-stroke: 1px blue; */
  text-align: left;
}
.containerparagraphtoptentwo h5{
  /* text-transform: lowercase; */
  text-transform: capitalize;
  font-weight: 70;
  font-size: 2em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 3vh;
  z-index: 999;
  font-style: normal;
  /* transform: rotate(-30deg); */
}
.textproducttwo {
  text-transform: inherit;
  font-weight: 70;
  font-size: 1.2em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 3vh;
  z-index: 999;
  font-style: normal;
  padding-left: 20px;

}
/*product 3  */
.toptenhomethree {
    grid-column: 4/16;
    grid-row: 33/36;
}
.toptenhomethree img {
    height: 100%;
    width: 100%;
}
.productthree {
  grid-column: 10;
  grid-row: 30;
  position: relative;
  top: 20px;
  color: #ca4d46;
  /* background-color: yellow; */
}
.productthree h4 {
    text-transform: lowercase;
    font-weight: 900;
    font-size: 14em;
    text-align: right;
    z-index: 999;
}
.toptenhometextthree {
  grid-column: 1/8;
  grid-row: 34/36;
  /* transform: rotate(-20deg); */
  font-style: bold;
  font-size: 2em;
  line-height: 40px;
  color: black;
  /* padding-left:40px; */
  /* -webkit-text-stroke: 1px blue; */
  text-align: left;
}
.containerparagraphtoptenthree h5{
  /* text-transform: lowercase; */
  text-transform: capitalize;
  font-weight: 70;
  font-size: 2em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 3vh;
  z-index: 999;
  font-style: normal;
  /* transform: rotate(-30deg); */
}
.textproductthree {
  text-transform: inherit;
  font-weight: 70;
  font-size: 1.2em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 3vh;
  z-index: 999;
  font-style: normal;
  padding-left: 20px;

}
/*product 4  */
.toptenhomefour {
    grid-column: 1/10;
    grid-row: 44/46;
}
.toptenhomefour img {
    height: 100%;
    width: 100%;
}
.productfour {
  grid-column: 8;
  grid-row: 37;
  position: relative;
  top: 20px;
  color: #ca4d46;
  /* background-color: yellow; */
}
.productfour h4 {
    text-transform: lowercase;
    font-weight: 900;
    font-size: 14em;
    text-align: right;
    z-index: 999;
}
.toptenhometextfour {
  grid-column: 10/20;
  grid-row: 45/46;
  /* transform: rotate(-20deg); */
  position: relative;
  font-style: bold;
  font-size: 2em;
  line-height: 40px;
  color: black;
  /* padding-left:40px; */
  /* -webkit-text-stroke: 1px blue; */
  text-align: left;
}
.containerparagraphtoptenfour h5{
  /* text-transform: lowercase; */
  text-transform: capitalize;
  font-weight: 70;
  font-size: 2em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 3vh;
  z-index: 999;
  font-style: normal;
  /* transform: rotate(-30deg); */
}
.textproductfour {
  text-transform: inherit;
  font-weight: 70;
  font-size: 1.2em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 3vh;
  z-index: 999;
  font-style: normal;
  padding-left: 20px;

}

/*product 5  */
.toptenhomefive {
    grid-column: 8/16;
    grid-row: 61/67;
}
.toptenhomefive img {
    height: 100%;
    width: 100%;
}
.productfive {
  grid-column: 8;
  grid-row: 57;
  position: relative;
  top: 20px;
  color: #ca4d46;
  /* background-color: yellow; */
}
.productfive h4 {
    text-transform: lowercase;
    font-weight: 900;
    font-size: 14em;
    text-align: right;
    z-index: 999;
}
.toptenhometextfive {
  grid-column: 1/8;
  grid-row: 64/67;
  /* transform: rotate(-20deg); */
  position: relative;
  font-style: bold;
  font-size: 2em;
  line-height: 40px;
  color: black;
  /* padding-left:40px; */
  /* -webkit-text-stroke: 1px blue; */
  text-align: left;
}
.containerparagraphtoptenfive h5{
  /* text-transform: lowercase; */
  text-transform: capitalize;
  font-weight: 70;
  font-size: 2em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 3vh;
  z-index: 999;
  font-style: normal;
  /* transform: rotate(-30deg); */
}
.textproductfive {
  text-transform: inherit;
  font-weight: 70;
  font-size: 1.2em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 3vh;
  z-index: 999;
  font-style: normal;
  padding-left: 20px;

}
/*product 6  */
.toptenhomesix {
    grid-column: 1/8;
    grid-row: 76/78;
}
.toptenhomesix img {
    height: 100%;
    width: 100%;
}
.productsix {
  grid-column: 6;
  grid-row: 72;
  position: relative;
  top: 20px;
  color: #ca4d46;
  /* background-color: yellow; */
}
.productsix h4 {
    text-transform: lowercase;
    font-weight: 900;
    font-size: 14em;
    text-align: right;
    z-index: 999;
}
.toptenhometextsix {
  grid-column: 8/18;
  grid-row: 76/79;
  /* transform: rotate(-20deg); */
  position: relative;
  font-style: bold;
  font-size: 2em;
  line-height: 40px;
  color: black;
  /* padding-left:40px; */
  /* -webkit-text-stroke: 1px blue; */
  text-align: left;
}
.containerparagraphtoptensix h5{
  /* text-transform: lowercase; */
  text-transform: capitalize;
  font-weight: 70;
  font-size: 2em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 3vh;
  z-index: 999;
  font-style: normal;
  /* transform: rotate(-30deg); */
}
.textproductsix {
  text-transform: inherit;
  font-weight: 70;
  font-size: 1.2em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 3vh;
  z-index: 999;
  font-style: normal;
  padding-left: 20px;

}

/*product 7  */
.toptenhomeseven {
    grid-column: 8/18;
    grid-row: 87;
}
.toptenhomeseven img {
    height: 100%;
    width: 100%;
}
.productseven {
  grid-column: 9;
  grid-row: 81;
  position: relative;
  top: 20px;
  color: #ca4d46;
  /* background-color: yellow; */
}
.productseven h4 {
    text-transform: lowercase;
    font-weight: 900;
    font-size: 14em;
    text-align: right;
    z-index: 999;
}
.toptenhometextseven {
  grid-column: 1/8;
  grid-row: 89;
  /* transform: rotate(-20deg); */
  position: relative;
  font-style: bold;
  font-size: 2em;
  line-height: 40px;
  color: black;
  /* padding-left:40px; */
  /* -webkit-text-stroke: 1px blue; */
  text-align: left;
}
.containerparagraphtoptenseven h5{
  /* text-transform: lowercase; */
  text-transform: capitalize;
  font-weight: 70;
  font-size: 2em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 3vh;
  z-index: 999;
  font-style: normal;
  /* transform: rotate(-30deg); */
}
.textproductseven {
  text-transform: inherit;
  font-weight: 70;
  font-size: 1.2em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 3vh;
  z-index: 999;
  font-style: normal;
  padding-left: 20px;

}
/*product 8  */
.toptenhomeeight {
    grid-column: 1/12;
    grid-row: 104;
}
.toptenhomeeight img {
    height: 100%;
    width: 100%;
}
.producteight {
  grid-column: 6;
  grid-row: 96;
  position: relative;
  top: 20px;
  color: #ca4d46;
  /* background-color: yellow; */
}
.producteight h4 {
    text-transform: lowercase;
    font-weight: 900;
    font-size: 14em;
    text-align: right;
    z-index: 999;
}
.toptenhometexteight {
  grid-column: 10/18;
  grid-row: 113;
  /* transform: rotate(-20deg); */
  position: relative;
  font-style: bold;
  font-size: 2em;
  line-height: 40px;
  color: black;
  /* padding-left:40px; */
  /* -webkit-text-stroke: 1px blue; */
  text-align: left;
}
.containerparagraphtopteneight h5{
  /* text-transform: lowercase; */
  text-transform: capitalize;
  font-weight: 70;
  font-size: 2em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 3vh;
  z-index: 999;
  font-style: normal;
  /* transform: rotate(-30deg); */
}
.textproducteight {
  text-transform: inherit;
  font-weight: 70;
  font-size: 1.2em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 3vh;
  z-index: 999;
  font-style: normal;
  padding-left: 20px;

}
/*product 9  */
.toptenhomenine {
    grid-column: 5/19;
    grid-row: 125;
}
.toptenhomenine img {
    height: 100%;
    width: 100%;
}
.productnine {
  grid-column: 8;
  grid-row: 118;
  position: relative;
  top: 20px;
  color: #ca4d46;
  /* background-color: yellow; */
}
.productnine h4 {
    text-transform: lowercase;
    font-weight: 900;
    font-size: 14em;
    text-align: right;
    z-index: 999;
}
.toptenhometextnine {
  grid-column: 1/7;
  grid-row: 127/135;
  /* transform: rotate(-20deg); */
  position: relative;
  font-style: bold;
  font-size: 2em;
  line-height: 40px;
  color: black;
  /* padding-left:40px; */
  /* -webkit-text-stroke: 1px blue; */
  text-align: left;
}
.containerparagraphtoptennine h5{
  /* text-transform: lowercase; */
  text-transform: capitalize;
  font-weight: 70;
  font-size: 2em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 3vh;
  z-index: 999;
  font-style: normal;
  /* transform: rotate(-30deg); */
}
.textproductnine {
  text-transform: inherit;
  font-weight: 70;
  font-size: 1.2em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 3vh;
  z-index: 999;
  font-style: normal;
  padding-left: 20px;

}
/*product 10  */
.toptenhometen {
    grid-column: 1/11;
    grid-row: 142;
}
.toptenhometen img {
    height: 100%;
    width: 100%;
}
.productten {
  grid-column: 8;
  grid-row: 136;
  position: relative;
  top: 20px;
  color: #ca4d46;
  /* background-color: yellow; */
}
.productten h4 {
    text-transform: lowercase;
    font-weight: 900;
    font-size: 14em;
    text-align: right;
    z-index: 999;
}
.toptenhometextten {
  grid-column: 8/18;
  grid-row: 152;
  /* transform: rotate(-20deg); */
  position: relative;
  font-style: bold;
  font-size: 2em;
  line-height: 40px;
  color: black;
  /* padding-left:40px; */
  /* -webkit-text-stroke: 1px blue; */
  text-align: left;
}
.containerparagraphtoptenten h5{
  /* text-transform: lowercase; */
  text-transform: capitalize;
  font-weight: 70;
  font-size: 2em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 3vh;
  z-index: 999;
  font-style: normal;
  /* transform: rotate(-30deg); */
}
.textproductten {
  text-transform: inherit;
  font-weight: 70;
  font-size: 1.2em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 3vh;
  z-index: 999;
  font-style: normal;
  padding-left: 20px;

}


/***********************************
winemaker homepage starts here *******************/

#winehomepage {
    /* background-color: #ffee56; */
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    grid-template-rows: repeat(100, 50px);
    /*grid-column-gap: 20px;*/
    height: 600vh;
    max-width: 97vw;
    margin-top:40px;
    /* border-top-style: solid; */
    /* border-top-color: coral; */

}

.containerheaderwine {
    grid-column: 8;
    grid-row: 1/2;
    position: relative;
    top: 20px;
}
.winehometext {
  grid-column: 2/9;
  grid-row: 43;
  /* position:relative; */
  /* transform: rotate(90deg); */
  /* color: red; */
  font-style: extrabold;
  font-size: 2.5em;
  /* text-transform: lowercase; */
  /* font-style: italic; */
  /* text-shadow: 1px 1px 2px ; */
}
.winehometexttwo {
  grid-column: 10/21;
  grid-row: 8;
  transform: rotate(0deg);
  font-style: bold;
  font-size: 1.5em;
  /* line-height: 40px; */
  color: black;
  -webkit-text-stroke: .5px black;
  text-align: left;
  /* text-decoration: underline; */

  /* text-align: left; */
  /* background-color: #ffee56; */
  /* text-transform: lowercase; */
  /* font-style: italic; */
}
.winehometextthree {
  grid-column: 1/6;
  grid-row: 37;
  transform: rotate(0deg);
  font-style: bold;
  font-size: 1.2em;
  line-height: 40px;
  color: black;
  /* -webkit-text-stroke: 1px blue; */
  text-align: left;


  /* text-align: left; */
  /* background-color: #ffee56; */
  /* text-transform: lowercase; */
  font-style: italic;
}
/* .boxy {
  grid-column: 9/16;
  z-index: 1000px;
  grid-row:5;
  transform: rotate(0deg);



  background-color: #ffee56;
}
.special {
  font-size: 1em;
} */
/* .readone {
  grid-column: 1/3;
  grid-row: 1/3;
  transform: rotate(0deg);
  font-style: bold;
  font-size: 1.2em;
  line-height: 40px;
  color:black;
  text-align: left;

} */

.winehometextfour {
  grid-column: 11/20;
  grid-row: 11/15;
  transform: rotate(0deg);
  /* font-style: bold; */
  font-size: 1.2em;
  line-height: 40px;
  color: black;
  /* -webkit-text-stroke: 1px blue; */
  /* text-align: justify; */

  /* text-align: left; */
  /* background-color: #ffee56; */
  /* text-transform: lowercase; */
  /* font-style: italic; */
}
#winehomepage .containerheaderwine {
  /* margin-top:50px; */
    grid-column: 2/8;
    grid-row: 3/6;
    position: relative;
    top: -100px;
    line-height: 10em;
    color: #72aa8b;
    -webkit-text-stroke-width: 2px;
}

.containerheaderwine h4 {
    /* color: #000; */
    /* this is the fallback */
    /* -webkit-text-stroke: 1px #000; */
    /* -webkit-text-fill-color: transparent; */
    /* text-shadow: 4px 4px blue; */
    text-transform: lowercase;
    font-weight: 900;
    font-size: 12em;
    text-align: right;

    /* padding-top: 2vh; */
    z-index: 999;
}

.winehomeone {
    grid-column: 1/12;
    grid-row: 10/15;
}

.winehomeone img {
    height: 100%;
    width: 100%;
}

.winehometwo {
    grid-column: 11/16;
    grid-row: 34/38;
    padding-bottom: 5vh;
}

.winehometwo img {
    height: 100%;
    width: 100%;
}
.winehomethree {
    grid-column: 6/20;
    grid-row: 34;
    /* padding-bottom: 5vh; */
}

.winehomethree img {
    height: 100%;
    width: 100%;
}
.winehomefour {
    grid-column: 10/19;
    grid-row: 22/25;
    padding-bottom: 5vh;
}

.winehomefour img {
    height: 100%;
    width: 100%;
}
.winehomefive {
    grid-column: 7/15;
    grid-row: 56;
    padding-bottom: 5vh;
}

.winehomefive img {
    height: 100%;
    width: 100%;
}
.winehomesix {
    grid-column: 2/7;
    grid-row: 50;
    padding-bottom: 5vh;
}

.winehomesix img {
    height: 100%;
    width: 100%;
}
.winehomeseven {
    grid-column: 5/14;
    grid-row: 73;
    padding-bottom: 5vh;
}

.winehomeseven img {
    height: 100%;
    width: 100%;
}
.winehomeeight {
    grid-column: 10/16;
    grid-row: 91;
    padding-bottom: 5vh;
}

.winehomeeight img {
    height: 100%;
    width: 100%;
}
.containerparagraphwinethree {
  text-transform: inherit;
  /* text-transform: capitalize; */
  color: #ca4d46;
  font-weight: 50;
  font-size: 1.7em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 3vh;
  z-index: 999;
  font-style: italics;
  /* background-color: #ffee56; */
  /* border: 2px solid red;
    padding: 10px;
    border-radius: 25px; */
  /* transform: rotate(-20deg); */
}
/* .containerparagraphchefthree::before{
  font-family: 'Fira Sans', sans-serif;
  content: "\201C";
  color:coral;
  font-size:4em;
  position: absolute;
  left: 10px;
  top:-20px;
}

.containerparagraphchefthree::after{
  content: '';
}

.containerparagraphchefthree span{
  display:block;
  color:#333333;
  font-style: normal;
  font-weight: bold;
  margin-top:1.2em;
} */
/* ****************** pull quotes  */
/* .containerparagraphcheftwo::before{
  font-family: 'Fira Sans', sans-serif;
  content: "\201C";
  color:coral;
  font-size:4em;
  position: absolute;
  left: 10px;
  top:-20px;
}

.containerparagraphcheftwo::after{
  content: '';
}

.containerparagraphcheftwo span{
  display:block;
  color:#333333;
  font-style: normal;
  font-weight: bold;
  margin-top:1em;
} */
/*pull quote end  */

.containerparagraphwinetwo {
  text-transform: uppercase;
  /* text-transform: capitalize; */
  font-weight: 50;
  font-size: 3em;
  line-height: 1.2em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 2vh;
  z-index: 999;
  color: #000000;

  font-style: normal;
  /* background-color: #ffee56; */
}

.containerparagraphwineone {
  text-transform: uppercase;
  /* text-transform: capitalize; */
  font-weight: 50;
  font-size: 2em;
  line-height: 1.2em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 2vh;
  z-index: 999;
  color: #000000;

  font-style: normal;
  /* background-color: #ffee56; */
}
.containerparagraphwinefour {
  text-transform: inherit;
  /* text-transform: capitalize; */
  font-weight: normal;
  font-size: 1.5em;

  line-height: 40px;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 2vh;
  z-index: 999;
  color: #000000;
  /* background-color: coral;  */
}
.containerparagraphwinefive {
  text-transform: uppercase;
  /* text-transform: capitalize; */
  font-weight: 50;
  font-size: 2em;
  line-height: 1.2em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 2vh;
  z-index: 999;
  color: #000000;

  font-style: normal;
}
.winehometextfive {
  grid-column: 1/8;
  grid-row: 24;
  top: -20vh;
  /* margin-top: 50px; */
  /* transform: rotate(90deg); */
  /* color: red; */
  font-style: extrabold;
  font-size: 2.5em;
  /* text-transform: lowercase; */
  /* font-style: italic; */
  /* text-shadow: 1px 1px 2px ; */
}

.winehometextnine{
  grid-column: 2/8;
  grid-row: 58;
  top: -20vh;
  /* margin-top: 50px; */
  /* transform: rotate(90deg); */
  /* color: red; */
  font-style: extrabold;
  font-size: 2.5em;
  /* text-transform: lowercase; */
  /* font-style: italic; */
  /* text-shadow: 1px 1px 2px ; */
}
.containerparagraphwinenine {
  text-transform: uppercase;
  /* text-transform: capitalize; */
  font-weight: 50;
  font-size: 2em;
  line-height: 1.2em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 2vh;
  z-index: 999;
  color: #000000;

  font-style: normal;
}

.winehometexteleven{
  grid-column: 1/6;
  grid-row: 80;
  top: -20vh;
  /* margin-top: 50px; */
  /* transform: rotate(90deg); */
  /* color: red; */
  font-style: extrabold;
  font-size: 2.5em;
  /* text-transform: lowercase; */
  /* font-style: italic; */
  /* text-shadow: 1px 1px 2px ; */
}
.containerparagraphwineeleven {
  text-transform: uppercase;
  /* text-transform: capitalize; */
  font-weight: 50;
  font-size: 2em;
  line-height: 1.2em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 2vh;
  z-index: 999;
  color: #000000;

  font-style: normal;
}
.winehometextsixteen{
  grid-column: 8/13;
  grid-row: 89;
  top: -20vh;
  /* margin-top: 50px; */
  /* transform: rotate(90deg); */
  /* color: red; */
  font-style: extrabold;
  font-size: 2.5em;
  /* text-transform: lowercase; */
  /* font-style: italic; */
  /* text-shadow: 1px 1px 2px ; */
}
.containerparagraphwinesixteen {
  text-transform: uppercase;
  /* text-transform: capitalize; */
  font-weight: 50;
  font-size: 2em;
  line-height: 1.2em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 2vh;
  z-index: 999;
  color: #000000;

  font-style: normal;
}
.winehometextseventeen{
  grid-column: 2/7;
  grid-row: 97;
  top: -20vh;
  /* margin-top: 50px; */
  /* transform: rotate(90deg); */
  /* color: red; */
  font-style: extrabold;
  font-size: 2.5em;
  /* text-transform: lowercase; */
  /* font-style: italic; */
  /* text-shadow: 1px 1px 2px ; */
}
.containerparagraphwineseventeen {
  text-transform: uppercase;
  /* text-transform: capitalize; */
  font-weight: 50;
  font-size: 2em;
  line-height: 1.2em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 2vh;
  z-index: 999;
  color: #000000;

  font-style: normal;
}
.winehometexttwelve{
  grid-column: 4/14;
  grid-row: 82;
  top: -20vh;
  /* margin-top: 50px; */
  /* transform: rotate(90deg); */
  /* color: red; */
  font-style: extrabold;
  font-size: 2.5em;
  /* text-transform: lowercase; */
  /* font-style: italic; */
  /* text-shadow: 1px 1px 2px ; */
}
.containerparagraphwinetwelve {
  text-transform: inherit;
  /* text-transform: capitalize; */
  font-weight: 30;
  font-size: 0.75em;
  line-height: 30px;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 2vh;
  z-index: 999;
  color: #000000;
  /* background-color: #f6b554; */
  /* border: 3px solid #41553d; */
  margin:30px;
}
.winehometextthirdteen{
  grid-column: 1/10;
  grid-row: 90;
  top: -20vh;
  /* margin-top: 50px; */
  /* transform: rotate(90deg); */
  /* color: red; */
  font-style: extrabold;
  font-size: 2.5em;
  /* text-transform: lowercase; */
  /* font-style: italic; */
  /* text-shadow: 1px 1px 2px ; */
}
.containerparagraphwinethirdteen {
  text-transform: inherit;
  /* text-transform: capitalize; */
  font-weight: 30;
  font-size: 0.75em;
  line-height: 30px;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 2vh;
  z-index: 999;
  color: #000000;
  /* background-color: #f6b554; */
  /* border: 3px solid #41553d; */
  margin:30px;
}
.winehometextfourteen{
  grid-column: 6/15;
  grid-row: 99;
  top: -20vh;
  /* margin-top: 50px; */
  /* transform: rotate(90deg); */
  /* color: red; */
  font-style: extrabold;
  font-size: 2.5em;
  /* text-transform: lowercase; */
  /* font-style: italic; */
  /* text-shadow: 1px 1px 2px ; */
}
.containerparagraphwinefourteen {
  text-transform: inherit;
  /* text-transform: capitalize; */
  font-weight: 30;
  font-size: 0.75em;
  line-height: 30px;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 2vh;
  z-index: 999;
  color: #000000;
  /* background-color: #f6b554; */
  /* border: 3px solid #41553d; */
  margin:30px;
}
.winehometextsix {
  grid-column: 2/10;
  grid-row: 26;
  /* top: -20vh; */
  /* transform: rotate(90deg); */
  /* color: red; */
  font-style: extrabold;
  font-size: 2.5em;
  /* text-transform: lowercase; */
  /* font-style: italic; */
  /* text-shadow: 1px 1px 2px ; */

}
.containerparagraphwinesix {
  text-transform: inherit;
  /* text-transform: capitalize; */
  font-weight: 30;
  font-size: 0.75em;
  line-height: 30px;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 2vh;
  z-index: 999;
  color: #000000;
  /* background-color: #f6b554; */
  /* border: 3px solid #41553d; */
  margin:30px;

}
.winehometextseven {
  grid-column: 6/16;
  grid-row: 45;
  top: -20vh;
  /* transform: rotate(90deg); */
  /* color: red; */
  font-style: extrabold;
  font-size: 2.5em;
  /* text-transform: lowercase; */
  /* font-style: italic; */
  /* text-shadow: 1px 1px 2px ; */

}
.containerparagraphwineseven {
  text-transform: inherit;
  /* text-transform: capitalize; */
  font-weight: 30;
  font-size: 0.75em;
  line-height: 30px;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 2vh;
  z-index: 999;
  color: #000000;
  /* background-color: #f6b554; */
  /* border: 3px solid #41553d; */
  margin:30px;

  /* background-color: #ffee56; */

}
.winehometexteight {
  grid-column: 1/7;
  grid-row: 62;
  top: -20vh;
  /* transform: rotate(90deg); */
  /* color: red; */
  font-style: extrabold;
  font-size: 2.5em;
  /* text-transform: lowercase; */
  /* font-style: italic; */
  /* text-shadow: 1px 1px 2px ; */

}
.containerparagraphwineeight {
  text-transform: inherit;
  /* text-transform: capitalize; */
  font-weight: 30;
  font-size: 0.75em;
  line-height: 30px;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 2vh;
  z-index: 999;
  color: #000000;
  /* background-color: #f6b554; */
  /* border: 3px solid #41553d; */
  margin:30px;


  /* background-color: #ffee56; */

}
.winehometextten {
  grid-column: 8/15;
  grid-row: 67;
  top: -20vh;
  /* transform: rotate(90deg); */
  /* color: red; */
  font-style: extrabold;
  font-size: 2.5em;
  /* text-transform: lowercase; */
  /* font-style: italic; */
  /* text-shadow: 1px 1px 2px ; */

}
.containerparagraphwineten {
  text-transform: inherit;
  /* text-transform: capitalize; */
  font-weight: 30;
  font-size: 0.75em;
  line-height: 30px;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 2vh;
  z-index: 999;
  color: #000000;
  /* background-color: #f6b554; */
  /* border: 3px solid #41553d; */
  margin:30px;

  /* background-color: #ffee56; */

}
/* end winemaker homepage here */

/******************************************
recipe homepage here *********************  */
#recipehomepage {
    /* background-color: #ffee56; */
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    grid-template-rows: repeat(55, 50px);
    /*grid-column-gap: 20px;*/
    height: 430vh;
    max-width: 97vw;
    margin-top:40px;
    /* border-top-style: solid; */
    /* border-top-color: coral; */

}

.containerheaderrecipe {
    grid-column: 8;
    grid-row: 1/2;
    position: relative;
    top: 20px;
}
.recipehometext {
  grid-column: 12/18;
  grid-row: 10/12;
  transform: rotate(90deg);
  /* color: red; */
  font-style: extrabold;
  font-size: 2.5em;
  /* text-transform: lowercase; */
  /* font-style: italic; */
  /* text-shadow: 1px 1px 2px ; */
}
.containerparagraphrecipeone {
  /* text-transform: lowercase; */
  text-transform: capitalize;
  font-weight: 50;
  font-size: 2em;
  line-height: 40px;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 2vh;
  z-index: 999;
  color: #000000;

  font-style: normal;
  /* background-color: #ffee56; */
}
.recipehometextone {
  grid-column: 2/10;
  grid-row: 8/18;
  /* transform: rotate(-90deg); */
  font-style: bold;
  font-size: 1.2em;
  line-height: 40px;
  color: black;
  text-align: left;
}
#recipehomepage .containerheaderrecipe {
  /* margin-top:50px; */
    grid-column: 1/12;
    grid-row: 3/6;
    position: relative;
    top: -70px;
    line-height: 10em;
    color: #72aa8b;
    -webkit-text-stroke-width: 2px;
    /* -webkit-text-stroke: 3px red; */
}

.containerheaderrecipe h4 {
    text-transform: lowercase;
    font-weight: 900;
    font-size: 12em;
    text-align: right;
    z-index: 999;
}

.recipehomeone {
    grid-column: 2/18;
    grid-row: 11/13;
}

.recipehomeone img {
    height: 100%;
    width: 100%;
}
.containertotaltime h5{
  /* text-transform: lowercase; */
  text-transform: capitalize;
  font-weight: 70;
  font-size: 2em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 3vh;
  z-index: 999;
  font-style: normal;
  /* transform: rotate(-30deg); */
}
.recipehometextone {
  grid-column: 3/7;
  grid-row: 21;
  /* transform: rotate(90deg); */
  font-style: extrabold;
  font-size: 2.5em;
  /* background-color: #72aa8b; */
}
.containermakes {
  /* text-transform: lowercase; */
  text-transform: inherit;
  font-weight: 70;
  font-size: .75em;
  line-height: 1.5em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 3vh;
  z-index: 999;
  font-style: normal;
  /* transform: rotate(-30deg); */
}
.recipehometexttwo {
  grid-column: 8/16;
  grid-row: 24;
  /* transform: rotate(90deg); */
  font-style: extrabold;
  font-size: 2.5em;
}
.recipehometextthree {
  grid-column: 2/5;
  grid-row: 28;
  /* transform: rotate(90deg); */
  font-style: extrabold;
  font-size: 2em;

}
.containeringredienteone {
  text-transform: capitalize;
  font-weight: 60;
  font-size: 2em;
  text-align: left;
  height: 50vh;
  width: auto;
  /* padding-top: 3vh; */
  z-index: 999;
  font-style: normal;
}
.recipehometextfour {
  grid-column: 2/7;
  grid-row: 27/40;
  /* transform: rotate(90deg); */
  font-style: extrabold;
  font-size: 2em;
  /* background-color: #f6b554; */
  position:relative;
    /* border: 3px solid #41553d; */
}
.recipelist {
  font-family: 'Fira Sans', sans-serif;
  font-size: 1.5rem;
  text-transform: lowercase;
  line-height: 2em;
}
.containerdirections {
  text-transform: capitalize;
  font-weight: 60;
  font-size: 2em;
  text-align: left;
  height: 50vh;
  width: auto;
  /* padding-top: 3vh; */
  z-index: 999;
  font-style: normal;
}
.recipehometextnine {
  grid-column: 7/12;
  grid-row: 41;
  /* transform: rotate(90deg); */
  font-style: extrabold;
  font-size: 2em;
  margin-left: 35px;
}
.containerfacts {
  text-transform: capitalize;
  font-weight: 60;
  font-size: 2em;
  text-align: left;
  height: 50vh;
  width: auto;
  /* padding-top: 3vh; */
  z-index: 999;
  font-style: normal;
}
.recipehometextten {
  grid-column: 8/18;
  grid-row: 39;
  /* transform: rotate(90deg); */
  font-style: extrabold;
  font-size: 2em;
}
.containerdirectionten {
  text-transform: lowercase;
  text-transform: capitalize;
  font-weight: 50;
  font-size: 1.7em;
  text-align: left;
  /* height: 50vh; */
  /* width: auto; */
  /* padding-top: 2vh; */
  z-index: 999;

}
.recipehometextfive {
  grid-column: 6/12;
  grid-row: 28;
  /* transform: rotate(90deg); */
  font-style: extrabold;
  font-size: 2em;
  margin-left: 35px;
}
.recipehometextsix {
  grid-column: 8/16;
  grid-row: 26;
  /* transform: rotate(90deg); */
  font-style: extrabold;
  font-size: 1.75em;
  line-height: 2em;
}
.containerdirectionone {
  text-transform: lowercase;
  text-transform: capitalize;
  font-weight: 30;
  font-size: 1em;
  text-align: left;
  /* height: 50vh; */
  /* width: auto; */
  /* padding-top: 2vh; */
  z-index: 999;

}
.directone {
  grid-column: 2/5;
  grid-row: 27;
  /* position: relative; */
  top: 20px;
  background-color: #f6b554;
  position:relative;
    border: 3px solid #41553d;
    z-index:999;
}
.directone h4 {
    text-transform: lowercase;
    font-weight: 800;
    font-size: 12em;
    text-align: right;
    z-index: 999;
}

.recipehometextseven {
  grid-column: 8/16;
  grid-row: 30;
  /* transform: rotate(90deg); */
  font-style: extrabold;
  font-size: 1.75em;
  line-height: 2em;
}
.containerdirectiontwo {
  text-transform: lowercase;
  text-transform: capitalize;
  font-weight: 30;
  font-size: 1em;
  text-align: left;
  /* height: 50vh; */
  /* width: auto; */
  /* padding-top: 2vh; */
  z-index: 999;

}
.directtwo {
  grid-column: 3;
  grid-row: 39;
  position: relative;
  top: 20px;
  color: #ca4d46;
  /* background-color: yellow; */
}
.directtwo h4 {
    text-transform: lowercase;
    font-weight: 800;
    font-size: 12em;
    text-align: right;
    z-index: 999;
}

.recipehometexteight {
  grid-column: 8/16;
  grid-row: 34;
  /* transform: rotate(90deg); */
  font-style: extrabold;
  font-size: 1.75em;
  line-height: 2em;
}
.containerdirectionthree {
  text-transform: lowercase;
  text-transform: capitalize;
  font-weight: 30;
  font-size: 1em;
  text-align: left;
  /* height: 50vh; */
  /* width: auto; */
  /* padding-top: 2vh; */
  z-index: 999;

}
.directthree {
  grid-column: 14;
  grid-row: 43;
  position: relative;
  top: 20px;
  color: #ca4d46;
  /* background-color: yellow; */
}
.directthree h4 {
    text-transform: lowercase;
    font-weight: 800;
    font-size: 12em;
    text-align: right;
    z-index: 999;
}
.recipehometwo {
    grid-column: 8/10;
    grid-row: 26;
}
.recipehometwo img {
    height: 100%;
    width: 100%;
}
.recipehomethree {
    grid-column: 11/13;
    grid-row: 26;
}
.recipehomethree img {
    height: 100%;
    width: 100%;
}
.recipehomefour {
    grid-column: 14/16;
    grid-row: 26;
}
.recipehomefour img {
    height: 100%;
    width: 100%;
}

/***********************************
oil pulling homepage starts here *******************/

#oilhomepage {
    /* background-color: #ffee56; */
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    grid-template-rows: repeat(100, 50px);
    /*grid-column-gap: 20px;*/
    height: 500vh;
    max-width: 97vw;
    margin-top:40px;
    /* border-top-style: solid; */
    /* border-top-color: coral; */

}

.containerheaderoil {
    grid-column: 8;
    grid-row: 1/2;
    position: relative;
    top: 20px;
}
.oilhometext {
  grid-column: 2/9;
  grid-row: 49;
  /* position:relative; */
  /* transform: rotate(90deg); */
  /* color: red; */
  font-style: extrabold;
  font-size: 2.5em;
  /* text-transform: lowercase; */
  /* font-style: italic; */
  /* text-shadow: 1px 1px 2px ; */
}
.oilhometexttwo {
  grid-column: 6/12;
  grid-row: 16;
  transform: rotate(0deg);
  font-style: bold;
  font-size: 1.5em;
  /* line-height: 40px; */
  color: black;
  -webkit-text-stroke: .5px black;
  text-align: left;
  /* text-decoration: underline; */

  /* text-align: left; */
  /* background-color: #ffee56; */
  /* text-transform: lowercase; */
  /* font-style: italic; */
}
.oilhometextthree {
  grid-column: 12/20;
  grid-row: 26;
  transform: rotate(0deg);
  font-style: bold;
  font-size: 1.2em;
  line-height: 40px;
  color: black;
  /* -webkit-text-stroke: 1px blue; */
  text-align: left;

  /* text-align: left; */
  /* background-color: #ffee56; */
  /* text-transform: lowercase; */
  /* font-style: italic; */
}
/* .boxy {
  grid-column: 9/16;
  z-index: 1000px;
  grid-row:5;
  transform: rotate(0deg);



  background-color: #ffee56;
}
.special {
  font-size: 1em;
} */
/* .readone {
  grid-column: 1/3;
  grid-row: 1/3;
  transform: rotate(0deg);
  font-style: bold;
  font-size: 1.2em;
  line-height: 40px;
  color:black;
  text-align: left;

} */

.oilhometextfour {
  grid-column: 8/16;
  grid-row: 18/20;
  transform: rotate(0deg);
  /* font-style: bold; */
  font-size: 1.2em;
  line-height: 40px;
  color: black;
  /* -webkit-text-stroke: 1px blue; */
  /* text-align: justify; */

  /* text-align: left; */
  /* background-color: #ffee56; */
  /* text-transform: lowercase; */
  /* font-style: italic; */
}
#oilhomepage .containerheaderoil {
  /* margin-top:50px; */
    grid-column: 2/8;
    grid-row: 3/6;
    position: relative;
    top: -60px;
    line-height: 10em;
    color: #72aa8b;
    -webkit-text-stroke-width: 2px;
}

.containerheaderoil h4 {
    /* color: #000; */
    /* this is the fallback */
    /* -webkit-text-stroke: 1px #000; */
    /* -webkit-text-fill-color: transparent; */
    /* text-shadow: 4px 4px blue; */
    text-transform: lowercase;
    font-weight: 900;
    font-size: 12em;
    text-align: right;

    /* padding-top: 2vh; */
    z-index: 999;
}

.oilhomeone {
    grid-column: 1/12;
    grid-row: 7/15;
}

.oilhomeone img {
    height: 100%;
    width: 100%;
}

.oilhometwo {
    grid-column: 4/13;
    grid-row: 26/29;
    padding-bottom: 5vh;
}

.oilhometwo img {
    height: 100%;
    width: 100%;
}
.oilhomethree {
    grid-column: 11/16;
    grid-row: 37;
    /* padding-bottom: 5vh; */
}

.oilhomethree img {
    height: 100%;
    width: 100%;
}
.oilhomefour {
    grid-column: 11/18;
    grid-row: 5;
    padding-bottom: 5vh;
}

.oilhomefour img {
    height: 100%;
    width: 100%;
}
.oilhomefive {
    grid-column: 1/7;
    grid-row: 53;
    padding-bottom: 5vh;
}

.oilhomefive img {
    height: 100%;
    width: 100%;
}
.oilhomesix {
    grid-column: 9/15;
    grid-row: 54;
    padding-bottom: 5vh;
}

.oilhomesix img {
    height: 100%;
    width: 100%;
}
.oilhomeseven {
    grid-column: 11/18;
    grid-row: 69;
    padding-bottom: 5vh;
}

.oilhomeseven img {
    height: 100%;
    width: 100%;
}
.containerparagraphoilthree {
  /* text-transform: lowercase; */
  /* text-transform: capitalize; */
  font-weight: 50;
  font-size: 2em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 3vh;
  z-index: 999;
  font-style: italics;
  /* background-color: #ffee56; */
  /* border: 2px solid red;
    padding: 10px;
    border-radius: 25px; */
  /* transform: rotate(-20deg); */
}
/* .containerparagraphchefthree::before{
  font-family: 'Fira Sans', sans-serif;
  content: "\201C";
  color:coral;
  font-size:4em;
  position: absolute;
  left: 10px;
  top:-20px;
}

.containerparagraphchefthree::after{
  content: '';
}

.containerparagraphchefthree span{
  display:block;
  color:#333333;
  font-style: normal;
  font-weight: bold;
  margin-top:1.2em;
} */
/* ****************** pull quotes  */
/* .containerparagraphcheftwo::before{
  font-family: 'Fira Sans', sans-serif;
  content: "\201C";
  color:coral;
  font-size:4em;
  position: absolute;
  left: 10px;
  top:-20px;
}

.containerparagraphcheftwo::after{
  content: '';
}

.containerparagraphcheftwo span{
  display:block;
  color:#333333;
  font-style: normal;
  font-weight: bold;
  margin-top:1em;
} */
/*pull quote end  */

.containerparagraphoiltwo {
  text-transform: uppercase;
  /* text-transform: capitalize; */
  font-weight: 50;
  font-size: 3em;
  line-height: 1.2em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 2vh;
  z-index: 999;
  color: #000000;

  font-style: normal;
  /* background-color: #ffee56; */
}

.containerparagraphoilone {
  text-transform: uppercase;
  /* text-transform: capitalize; */
  font-weight: 50;
  font-size: 2em;
  line-height: 1.2em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 2vh;
  z-index: 999;
  color: #000000;

  font-style: normal;
  /* background-color: #ffee56; */
}
.containerparagraphoilfour {
  text-transform: inherit;
  /* text-transform: capitalize; */
  font-weight: normal;
  font-size: 1.5em;

  line-height: 40px;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 2vh;
  z-index: 999;
  color: #000000;
  /* background-color: coral;  */
}
.containerparagraphoilfive {
  text-transform: uppercase;
  /* text-transform: capitalize; */
  font-weight: 50;
  font-size: 2em;
  line-height: 1.2em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 2vh;
  z-index: 999;
  color: #000000;

  font-style: normal;
}
.oilhometextfive {
  grid-column: 3/10;
  grid-row: 34;
  top: -20vh;
  /* margin-top: 50px; */
  /* transform: rotate(90deg); */
  /* color: red; */
  font-style: extrabold;
  font-size: 2.5em;
  /* text-transform: lowercase; */
  /* font-style: italic; */
  /* text-shadow: 1px 1px 2px ; */
}

.oilhometextnine{
  grid-column: 9/16;
  grid-row: 64;
  top: -20vh;
  /* margin-top: 50px; */
  /* transform: rotate(90deg); */
  /* color: red; */
  font-style: extrabold;
  font-size: 2.5em;
  /* text-transform: lowercase; */
  /* font-style: italic; */
  /* text-shadow: 1px 1px 2px ; */
}
.containerparagraphoilnine {
  text-transform: uppercase;
  /* text-transform: capitalize; */
  font-weight: 50;
  font-size: 2em;
  line-height: 1.2em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 2vh;
  z-index: 999;
  color: #000000;

  font-style: normal;
}
.oilhometextsix {
  grid-column: 3/11;
  grid-row: 37;
  /* top: -20vh; */
  /* transform: rotate(90deg); */
  /* color: red; */
  font-style: extrabold;
  font-size: 2.5em;
  /* text-transform: lowercase; */
  /* font-style: italic; */
  /* text-shadow: 1px 1px 2px ; */

}
.containerparagraphoilsix {
  text-transform: inherit;
  /* text-transform: capitalize; */
  font-weight: 30;
  font-size: 0.75em;
  line-height: 30px;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 2vh;
  z-index: 999;
  color: #000000;
  /* background-color: #f6b554; */
  /* border: 3px solid #41553d; */
  margin:30px;

}
.oilhometextseven {
  grid-column: 5/15;
  grid-row: 51;
  top: -20vh;
  /* transform: rotate(90deg); */
  /* color: red; */
  font-style: extrabold;
  font-size: 2.5em;
  /* text-transform: lowercase; */
  /* font-style: italic; */
  /* text-shadow: 1px 1px 2px ; */

}
.containerparagraphoilseven {
  text-transform: inherit;
  /* text-transform: capitalize; */
  font-weight: 30;
  font-size: 0.75em;
  line-height: 30px;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 2vh;
  z-index: 999;
  color: #000000;
  /* background-color: #f6b554; */
  /* border: 3px solid #41553d; */
  margin:30px;

  /* background-color: #ffee56; */

}
.oilhometexteight {
  grid-column: 1/10;
  grid-row: 67;
  top: -20vh;
  /* transform: rotate(90deg); */
  /* color: red; */
  font-style: extrabold;
  font-size: 2.5em;
  /* text-transform: lowercase; */
  /* font-style: italic; */
  /* text-shadow: 1px 1px 2px ; */

}
.containerparagraphoileight {
  text-transform: inherit;
  /* text-transform: capitalize; */
  font-weight: 30;
  font-size: 0.75em;
  line-height: 30px;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 2vh;
  z-index: 999;
  color: #000000;
  /* background-color: #f6b554; */
  /* border: 3px solid #41553d; */
  margin:30px;

  /* background-color: #ffee56; */

}

/******************************************
Dinner homepage here ******************  */
#dinnerhomepage {
    /* background-color: #ffee56; */
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    grid-template-rows: repeat(55, 50px);
    /*grid-column-gap: 20px;*/
    height: 250vh;
    max-width: 97vw;
    margin-top:40px;
    /* border-top-style: solid; */
    /* border-top-color: coral; */

}

.containerheaderdinner {
    grid-column: 8;
    grid-row: 1/2;
    position: relative;
    top: 20px;
}
.dinnerhometext {
  grid-column: 12/18;
  grid-row: 10/12;
  transform: rotate(90deg);
  /* color: red; */
  font-style: extrabold;
  font-size: 2.5em;
  /* text-transform: lowercase; */
  /* font-style: italic; */
  /* text-shadow: 1px 1px 2px ; */
}
.containerparagraphdinnerone {
  /* text-transform: lowercase; */
  text-transform: capitalize;
  font-weight: 50;
  font-size: 2em;
  line-height: 40px;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 2vh;
  z-index: 999;
  color: #000000;

  font-style: normal;
  /* background-color: #ffee56; */
}
.dinnerhometextone {
  grid-column: 2/10;
  grid-row: 8/18;
  /* transform: rotate(-90deg); */
  font-style: bold;
  font-size: 1.2em;
  line-height: 40px;
  color: black;
  text-align: left;
}
#dinnerhomepage .containerheaderdinner {
  /* margin-top:50px; */
    grid-column: 1/12;
    grid-row: 3/6;
    position: relative;
    top: -10px;
    line-height: 12em;
    color: #72aa8b;
    -webkit-text-stroke-width: 2px;
    /* -webkit-text-stroke: 3px red; */
}

.containerheaderdinner h4 {
    text-transform: lowercase;
    font-weight: 900;
    font-size: 12em;
    text-align: right;
    z-index: 999;
}

.dinnerhomeone {
    grid-column: 2/18;
    grid-row: 8/11;
}

.dinnerhomeone img {
    height: 100%;
    width: 100%;
}
.containertotaltimed h5{
  /* text-transform: lowercase; */
  text-transform: capitalize;
  font-weight: 70;
  font-size: 2em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 3vh;
  z-index: 999;
  font-style: normal;
  /* transform: rotate(-30deg); */
}
.dinnerhometextone {
  grid-column: 3/7;
  grid-row: 15;
  /* transform: rotate(90deg); */
  font-style: extrabold;
  font-size: 2.5em;
  /* background-color: #72aa8b; */
}
.containermakesd {
  /* text-transform: lowercase; */
  text-transform: inherit;
  font-weight: 70;
  font-size: .75em;
  line-height: 1.5em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 3vh;
  z-index: 999;
  font-style: normal;
  /* line-height: 1.5em; */
  /* transform: rotate(-30deg); */
}
.dinnerhometexttwo {
  grid-column: 8/14;
  grid-row: 18;
  /* transform: rotate(90deg); */
  font-style: extrabold;
  font-size: 2em;
}
.dinnerhometextthree {
  grid-column: 2/5;
  grid-row: 25;
  /* transform: rotate(90deg); */
  font-style: extrabold;
  font-size: 2em;

}
.containeringredienteoned {
  text-transform: capitalize;
  font-weight: 60;
  font-size: 2em;
  text-align: left;
  height: 50vh;
  width: auto;
  /* padding-top: 3vh; */
  z-index: 999;
  font-style: normal;
}
.dinnerhometextfour {
  grid-column: 2/7;
  grid-row: 22/36;
  /* transform: rotate(90deg); */
  font-style: extrabold;
  font-size: 2em;
  /* background-color: #f6b554; */
  position:relative;
    /* border: 3px solid #41553d; */
}
.recipelistd {
  font-family: 'Fira Sans', sans-serif;
  font-size: 1.5rem;
  text-transform: lowercase;
  line-height: 2em;
}
.containerdirectionsd {
  text-transform: capitalize;
  font-weight: 60;
  font-size: 2em;
  text-align: left;
  height: 50vh;
  width: auto;
  /* padding-top: 3vh; */
  z-index: 999;
  font-style: normal;
}
.dinnerhometextnine {
  grid-column: 7/12;
  grid-row: 38;
  /* transform: rotate(90deg); */
  font-style: extrabold;
  font-size: 2em;
  margin-left: 35px;
}
.containerfactsd {
  text-transform: capitalize;
  font-weight: 60;
  font-size: 2em;
  text-align: left;
  height: 50vh;
  width: auto;
  /* padding-top: 3vh; */
  z-index: 999;
  font-style: normal;
}
.dinnerhometextten {
  grid-column: 8/18;
  grid-row: 36;
  /* transform: rotate(90deg); */
  font-style: extrabold;
  font-size: 2em;
}
.containerdirectiontend {
  text-transform: lowercase;
  text-transform: capitalize;
  font-weight: 50;
  font-size: 1.7em;
  text-align: left;
  /* height: 50vh; */
  /* width: auto; */
  /* padding-top: 2vh; */
  z-index: 999;

}
.dinnerhometextfive {
  grid-column: 5/12;
  grid-row: 25;
  /* transform: rotate(90deg); */
  font-style: extrabold;
  font-size: 2em;
  margin-left: 35px;
}
.dinnerhometextsix {
  grid-column: 8/15;
  grid-row: 23;
  /* transform: rotate(90deg); */
  font-style: extrabold;
  font-size: 1.75em;
  line-height: 2em;
}
.containerdirectiononed {
  text-transform: lowercase;
  text-transform: capitalize;
  font-weight: 30;
  font-size: 1em;
  text-align: left;
  /* height: 50vh; */
  /* width: auto; */
  /* padding-top: 2vh; */
  z-index: 999;

}
.directoned {
  grid-column: 2/5;
  grid-row: 27;
  /* position: relative; */
  top: 20px;
  background-color: #f6b554;
  position:relative;
    border: 3px solid #41553d;
    z-index:999;
}
.directoned h4 {
    text-transform: lowercase;
    font-weight: 800;
    font-size: 12em;
    text-align: right;
    z-index: 999;
}

.dinnerhometextseven {
  grid-column: 8/15;
  grid-row: 26;
  /* transform: rotate(90deg); */
  font-style: extrabold;
  font-size: 1.75em;
  line-height: 2em;
}
.containerdirectiontwod {
  text-transform: lowercase;
  text-transform: capitalize;
  font-weight: 30;
  font-size: 1em;
  text-align: left;
  /* height: 50vh; */
  /* width: auto; */
  /* padding-top: 2vh; */
  z-index: 999;

}
.directtwod {
  grid-column: 3;
  grid-row: 39;
  position: relative;
  top: 20px;
  color: #ca4d46;
  /* background-color: yellow; */
}
.directtwod h4 {
    text-transform: lowercase;
    font-weight: 800;
    font-size: 12em;
    text-align: right;
    z-index: 999;
}

.dinnerhometexteight {
  grid-column: 8/15;
  grid-row: 30;
  /* transform: rotate(90deg); */
  font-style: extrabold;
  font-size: 1.75em;
  line-height: 2em;
}
.containerdirectionthreed {
  text-transform: lowercase;
  text-transform: capitalize;
  font-weight: 30;
  font-size: 1em;
  text-align: left;
  /* height: 50vh; */
  /* width: auto; */
  /* padding-top: 2vh; */
  z-index: 999;

}
.directthreed {
  grid-column: 14;
  grid-row: 43;
  position: relative;
  top: 20px;
  color: #ca4d46;
  /* background-color: yellow; */
}
.directthreed h4 {
    text-transform: lowercase;
    font-weight: 800;
    font-size: 12em;
    text-align: right;
    z-index: 999;
}
.dinnerhometwo {
    grid-column: 8/10;
    grid-row: 26;
}
.dinnerhometwo img {
    height: 100%;
    width: 100%;
}
.dinnerhomethree {
    grid-column: 11/13;
    grid-row: 26;
}
.dinnerhomethree img {
    height: 100%;
    width: 100%;
}
.dinnerhomefour {
    grid-column: 14/16;
    grid-row: 26;
}
.dinnerhomefour img {
    height: 100%;
    width: 100%;
}
hr.dinhr {
  border:         none;
  border-left:    3px solid #72aa8b;
  height:         20vh;
  width:          1px;
  grid-column: 7/8;
  grid-row: 16;
}
/**********************************
************** end dinner section  */


/***********************************
party homepage starts here *******************/

#partyhomepage {
    /* background-color: #ffee56; */
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    grid-template-rows: repeat(100, 50px);
    /*grid-column-gap: 20px;*/
    height: 550vh;
    max-width: 97vw;
    margin-top:40px;
    /* border-top-style: solid; */
    /* border-top-color: coral; */

}

.containerheaderparty {
    grid-column: 8;
    grid-row: 1/2;
    position: relative;
    top: 20px;
}
.partyhometext {
  grid-column: 2/9;
  grid-row: 48;
  /* position:relative; */
  /* transform: rotate(90deg); */
  /* color: red; */
  font-style: extrabold;
  font-size: 2.5em;
  /* text-transform: lowercase; */
  /* font-style: italic; */
  /* text-shadow: 1px 1px 2px ; */
}
.partyhometexttwo {
  grid-column: 6/12;
  grid-row: 18;
  transform: rotate(0deg);
  font-style: bold;
  font-size: 1.5em;
  color: black;
  -webkit-text-stroke: .5px black;
  text-align: left;
}
.partyhometextthree {
  grid-column: 12/20;
  grid-row: 26;
  transform: rotate(0deg);
  font-style: bold;
  font-size: 1.2em;
  line-height: 40px;
  color: black;
  /* -webkit-text-stroke: 1px blue; */
  text-align: left;

  /* text-align: left; */
  /* background-color: #ffee56; */
  /* text-transform: lowercase; */
  /* font-style: italic; */
}
/* .boxy {
  grid-column: 9/16;
  z-index: 1000px;
  grid-row:5;
  transform: rotate(0deg);



  background-color: #ffee56;
}
.special {
  font-size: 1em;
} */
/* .readone {
  grid-column: 1/3;
  grid-row: 1/3;
  transform: rotate(0deg);
  font-style: bold;
  font-size: 1.2em;
  line-height: 40px;
  color:black;
  text-align: left;

} */

.partyhometextfour {
  grid-column: 8/16;
  grid-row: 21/23;
  transform: rotate(0deg);
  /* font-style: bold; */
  font-size: 1.2em;
  line-height: 40px;
  color: black;
  /* -webkit-text-stroke: 1px blue; */
  /* text-align: justify; */

  /* text-align: left; */
  /* background-color: #ffee56; */
  /* text-transform: lowercase; */
  /* font-style: italic; */
}
#partyhomepage .containerheaderparty {
  /* margin-top:50px; */
    grid-column: 2/13;
    grid-row: 3/6;
    position: relative;
    top: -60px;
    line-height: 10em;
    color: #72aa8b;
    -webkit-text-stroke-width: 2px;
}

.containerheaderparty h4 {
    /* color: #000; */
    /* this is the fallback */
    /* -webkit-text-stroke: 1px #000; */
    /* -webkit-text-fill-color: transparent; */
    /* text-shadow: 4px 4px blue; */
    text-transform: lowercase;
    font-weight: 900;
    font-size: 12em;
    text-align: right;

    /* padding-top: 2vh; */
    z-index: 999;
}

.partyhomeone {
    grid-column: 1/12;
    grid-row: 7/15;
}

.partyhomeone img {
    height: 100%;
    width: 100%;
}

.partyhometwo {
    grid-column: 4/13;
    grid-row: 26/29;
    padding-bottom: 5vh;
}

.partyhometwo img {
    height: 100%;
    width: 100%;
}
.partyhomethree {
    grid-column: 11/16;
    grid-row: 37;
    /* padding-bottom: 5vh; */
}

.partyhomethree img {
    height: 100%;
    width: 100%;
}
.partyhomefour {
    grid-column: 13/18;
    grid-row: 14;
    padding-bottom: 5vh;
}

.partyhomefour img {
    height: 100%;
    width: 100%;
}
.partyhomefive {
    grid-column: 1/7;
    grid-row: 53;
    padding-bottom: 5vh;
}

.partyhomefive img {
    height: 100%;
    width: 100%;
}
.partyhomesix {
    grid-column: 9/15;
    grid-row: 54;
    padding-bottom: 5vh;
}

.partyhomesix img {
    height: 100%;
    width: 100%;
}
.partyhomeseven {
    grid-column: 11/18;
    grid-row: 69;
    padding-bottom: 5vh;
}

.partyhomeseven img {
    height: 100%;
    width: 100%;
}
.containerparagraphpartythree {
  /* text-transform: lowercase; */
  /* text-transform: capitalize; */
  font-weight: 50;
  font-size: 2em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 3vh;
  z-index: 999;
  font-style: italics;
  /* background-color: #ffee56; */
  /* border: 2px solid red;
    padding: 10px;
    border-radius: 25px; */
  /* transform: rotate(-20deg); */
}
/* .containerparagraphchefthree::before{
  font-family: 'Fira Sans', sans-serif;
  content: "\201C";
  color:coral;
  font-size:4em;
  position: absolute;
  left: 10px;
  top:-20px;
}

.containerparagraphchefthree::after{
  content: '';
}

.containerparagraphchefthree span{
  display:block;
  color:#333333;
  font-style: normal;
  font-weight: bold;
  margin-top:1.2em;
} */
/* ****************** pull quotes  */
/* .containerparagraphcheftwo::before{
  font-family: 'Fira Sans', sans-serif;
  content: "\201C";
  color:coral;
  font-size:4em;
  position: absolute;
  left: 10px;
  top:-20px;
}

.containerparagraphcheftwo::after{
  content: '';
}

.containerparagraphcheftwo span{
  display:block;
  color:#333333;
  font-style: normal;
  font-weight: bold;
  margin-top:1em;
} */
/*pull quote end  */

.containerparagraphpartytwo {
  text-transform: uppercase;
  /* text-transform: capitalize; */
  font-weight: 50;
  font-size: 3em;
  line-height: 1.2em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 2vh;
  z-index: 999;
  color: #000000;

  font-style: normal;
  /* background-color: #ffee56; */
}

.containerparagraphpartyone {
  text-transform: uppercase;
  /* text-transform: capitalize; */
  font-weight: 50;
  font-size: 2em;
  line-height: 1.2em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 2vh;
  z-index: 999;
  color: #000000;

  font-style: normal;
  /* background-color: #ffee56; */
}
.containerparagraphpartyfour {
  text-transform: inherit;
  /* text-transform: capitalize; */
  font-weight: normal;
  font-size: 1.5em;

  line-height: 40px;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 2vh;
  z-index: 999;
  color: #000000;
  /* background-color: coral;  */
}
.containerparagraphpartyfive {
  text-transform: uppercase;
  /* text-transform: capitalize; */
  font-weight: 50;
  font-size: 2em;
  line-height: 1.2em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 2vh;
  z-index: 999;
  color: #000000;

  font-style: normal;
}
.partyhometextfive {
  grid-column: 3/10;
  grid-row: 36;
  top: -20vh;
  /* margin-top: 50px; */
  /* transform: rotate(90deg); */
  /* color: red; */
  font-style: extrabold;
  font-size: 2.5em;
  /* text-transform: lowercase; */
  /* font-style: italic; */
  /* text-shadow: 1px 1px 2px ; */
}

.partyhometextnine{
  grid-column: 9/16;
  grid-row: 64;
  top: -20vh;
  /* margin-top: 50px; */
  /* transform: rotate(90deg); */
  /* color: red; */
  font-style: extrabold;
  font-size: 2.5em;
  /* text-transform: lowercase; */
  /* font-style: italic; */
  /* text-shadow: 1px 1px 2px ; */
}
.containerparagraphpartynine {
  text-transform: uppercase;
  /* text-transform: capitalize; */
  font-weight: 50;
  font-size: 2em;
  line-height: 1.2em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 2vh;
  z-index: 999;
  color: #000000;

  font-style: normal;
}
.partyhometextten{
  grid-column: 5/10;
  grid-row: 75;
  top: -20vh;
  /* margin-top: 50px; */
  /* transform: rotate(90deg); */
  /* color: red; */
  font-style: extrabold;
  font-size: 2.5em;
  /* text-transform: lowercase; */
  /* font-style: italic; */
  /* text-shadow: 1px 1px 2px ; */
}
.containerparagraphpartyten {
  text-transform: uppercase;
  /* text-transform: capitalize; */
  font-weight: 50;
  font-size: 2em;
  line-height: 1.2em;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 2vh;
  z-index: 999;
  color: #000000;

  font-style: normal;
}
.partyhometextsix {
  grid-column: 3/11;
  grid-row: 39;
  /* top: -20vh; */
  /* transform: rotate(90deg); */
  /* color: red; */
  font-style: extrabold;
  font-size: 2.5em;
  /* text-transform: lowercase; */
  /* font-style: italic; */
  /* text-shadow: 1px 1px 2px ; */

}
.containerparagraphpartysix {
  text-transform: lowercase;
  /* text-transform: capitalize; */
  font-weight: 30;
  font-size: 0.75em;
  line-height: 30px;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 2vh;
  z-index: 999;
  color: #000000;
  /* background-color: #f6b554; */
  /* border: 3px solid #41553d; */
  margin:30px;

}
.partyhometextseven {
  grid-column: 5/15;
  grid-row: 51;
  top: -20vh;
  /* transform: rotate(90deg); */
  /* color: red; */
  font-style: extrabold;
  font-size: 2.5em;
  /* text-transform: lowercase; */
  /* font-style: italic; */
  /* text-shadow: 1px 1px 2px ; */

}
.containerparagraphpartyseven {
  text-transform: inherit;
  /* text-transform: capitalize; */
  font-weight: 30;
  font-size: 0.75em;
  line-height: 30px;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 2vh;
  z-index: 999;
  color: #000000;
  /* background-color: #f6b554; */
  /* border: 3px solid #41553d; */
  margin:30px;

  /* background-color: #ffee56; */

}
.partyhometexteleven {
  grid-column: 5/15;
  grid-row: 78;
  top: -20vh;
  /* transform: rotate(90deg); */
  /* color: red; */
  font-style: extrabold;
  font-size: 2.5em;
  /* text-transform: lowercase; */
  /* font-style: italic; */
  /* text-shadow: 1px 1px 2px ; */

}
.containerparagraphpartyeleven {
  text-transform: inherit;
  /* text-transform: capitalize; */
  font-weight: 30;
  font-size: 0.75em;
  line-height: 30px;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 2vh;
  z-index: 999;
  color: #000000;
  /* background-color: #f6b554; */
  /* border: 3px solid #41553d; */
  margin:30px;

  /* background-color: #ffee56; */

}
.partyhometexteight {
  grid-column: 1/10;
  grid-row: 67;
  top: -20vh;
  /* transform: rotate(90deg); */
  /* color: red; */
  font-style: extrabold;
  font-size: 2.5em;
  /* text-transform: lowercase; */
  /* font-style: italic; */
  /* text-shadow: 1px 1px 2px ; */

}
.containerparagraphpartyeight {
  text-transform: inherit;
  /* text-transform: capitalize; */
  font-weight: 30;
  font-size: 0.75em;
  line-height: 30px;
  text-align: left;
  height: 50vh;
  width: auto;
  padding-top: 2vh;
  z-index: 999;
  color: #000000;
  /* background-color: #f6b554; */
  /* border: 3px solid #41553d; */
  margin:30px;

  /* background-color: #ffee56; */

}
/*******************************************
end party section **********************  */