@supports (display: grid) {
  .grid {
    display: grid;
    grid-gap: 0vw;
    min-height: 100vh;
    padding: 0vw;
  }

        .grid {
          grid-template-columns: repeat(8, 1fr);
          grid-template-rows:
            100vh minmax(20vh, auto) minmax(50vh, auto) minmax(20vh, auto) minmax(40vh, auto) minmax(5vh, auto) minmax(10vh, auto) minmax(10vh, auto) minmax(10vh, auto) minmax(10vh, auto);
          grid-template-areas:
            "aaa aaa aaa aaa aaa aaa aaa aaa"
            "r1 r1 r1 r1 r1 r1 r1 r1"
            "r22 r22 r22 r22 r2 r2 r2 r222"
            "r3 r3 r3 r3 r3 r3 r3 r3"
            "r33 r33 r33 r33 r33 r33 r33 r33"
            "r4 r4 r4 r6 r6 r6 r6 r6"
            "r5 r5 r5 r6 r6 r6 r6 r6"
            "r7 r7 r7 r7 r7 r7 r7 r7"
            "r8 r8 r8 r8 r8 r8 r8 r8"
            "footerleft footerleft footerleft footerright footerright footerright footerright footerright";
        }

  @media screen and (min-width: 1px) {
    .grid {
        grid-template-columns: repeat(8, 1fr);
        grid-template-rows:
          100vh 
          minmax(20vh, auto) 
          minmax(50vh, auto)
          0.01vh
          0.01vh
          minmax(20vh, auto)
          minmax(10vh, auto) 
          minmax(10vh, auto) 
          minmax(10vh, auto) 
          minmax(10vh, auto)
          minmax(10vh, auto) 
          minmax(10vh, auto) 
          minmax(10vh, auto) 
          minmax(10vh, auto);
        grid-template-areas:
          "aaa aaa aaa aaa aaa aaa aaa aaa"
          "r1 r1 r1 r1 r1 r1 r1 r1"
          "r2 r2 r2 r2 r2 r2 r2 r2"
          "r22 r22 r22 r22 r22 r22 r22 r22"
          "r222 r222 r222 r222 r222 r222 r222 r222"
          "r3 r3 r3 r3 r3 r3 r3 r3"
          "r33 r33 r33 r33 r33 r33 r33 r33"
          "r6 r6 r6 r6 r6 r6 r6 r6"
          "r4 r4 r4 r4 r4 r4 r4 r4"
          "r5 r5 r5 r5 r5 r5 r5 r5"
          "r7 r7 r7 r7 r7 r7 r7 r7"
          "r8 r8 r8 r8 r8 r8 r8 r8"
          "footerright footerright footerright footerright footerright footerright footerright footerright"
          "footerleft footerleft footerleft footerleft footerleft footerleft footerleft footerleft";
      }
  }
  @media screen and (min-width: 550px) {
    .grid {
        grid-template-columns: repeat(8, 1fr);
        grid-template-rows:
          100vh minmax(20vh, auto) minmax(50vh, auto) minmax(20vh, auto) minmax(40vh, auto) minmax(5vh, auto) minmax(10vh, auto) minmax(10vh, auto) minmax(10vh, auto) minmax(10vh, auto);
        grid-template-areas:
          "aaa aaa aaa aaa aaa aaa aaa aaa"
          "r1 r1 r1 r1 r1 r1 r1 r1"
          "r22 r22 r22 r22 r2 r2 r2 r222"
          "r3 r3 r3 r3 r3 r3 r3 r3"
          "r33 r33 r33 r33 r33 r33 r33 r33"
          "r4 r4 r4 r6 r6 r6 r6 r6"
          "r5 r5 r5 r6 r6 r6 r6 r6"
          "r7 r7 r7 r7 r7 r7 r7 r7"
          "r8 r8 r8 r8 r8 r8 r8 r8"
          "footerleft footerleft footerleft footerright footerright footerright footerright footerright";
      }
  }

  @media screen and (min-width: 1400px) {
    .grid {
      grid-template-columns: repeat(8, 1fr);
      grid-template-rows:
        100vh
        minmax(20vh, auto)
        minmax(50vh, auto)
        minmax(20vh, auto)
        minmax(40vh, auto)
        minmax(5vh, auto)
        minmax(10vh, auto)
        minmax(10vh, auto)
        minmax(10vh, auto)
        minmax(10vh, auto);
      grid-template-areas:
        "aaa aaa aaa aaa aaa aaa aaa aaa"
        "r1 r1 r1 r1 r1 r1 r1 r1"
        "r22 r22 r22 r22 r2 r2 r2 r222"
        "r3 r3 r3 r3 r3 r3 r3 r3"
        "r33 r33 r33 r33 r33 r33 r33 r33"
        "r4 r4 r4 r6 r6 r6 r6 r6"
        "r5 r5 r5 r6 r6 r6 r6 r6"
        "r7 r7 r7 r7 r7 r7 r7 r7"
        "r8 r8 r8 r8 r8 r8 r8 r8"
        "footerleft footerleft footerleft footerright footerright footerright footerright footerright";
    }
  }

  .grid .item:nth-child(1) {
    grid-area: aaa;
  }
  .grid .item:nth-child(2) {
    grid-area: r1;
  }
  .grid .item:nth-child(3) {
    grid-area: r2;
  }
  .grid .item:nth-child(4) {
    grid-area: r22;
  }
  .grid .item:nth-child(5) {
   grid-area: r222
  }
  .grid .item:nth-child(6) {
    grid-area: r3;
  }
  .grid .item:nth-child(7) {
    grid-area: r33;
  }
  .grid .item:nth-child(8) {
    grid-area: r4;
  }
  .grid .item:nth-child(9) {
    grid-area: r5;
  }
  .grid .item:nth-child(10) {
    grid-area: r6;
  }
  .grid .item:nth-child(11) {
    grid-area: r7;
  }
  .grid .item:nth-child(12) {
    grid-area: r8;
  }
  .grid .item:nth-child(13) {
    grid-area: footerright;
  }
  .grid .item:nth-child(14) {
    grid-area: footerleft;
  }
}

/* flexbox fallback is the browser does not support display:grid */
@supports not (display: grid) {
  .grid {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    min-height: 100vh;
    padding: 0.75vw;
  }

  .grid .item {
    min-height: 20vh;
    margin: 0.75vw;
  }

  .grid .item:nth-child(1) {
    -webkit-box-flex: 0;
    flex: 0 1 calc(100% - 1.5vw);
    height: 50vh;
  }
  .grid .item:nth-child(2) {
    -webkit-box-flex: 0;
    flex: 0 1 calc(100% - 1.5vw);
    height: 30vh;
  }
  .grid .item:nth-child(3) {
    -webkit-box-flex: 0;
    flex: 0 1 calc(100% - 1.5vw);
  }
  .grid .item:nth-child(4) {
    -webkit-box-flex: 0;
    flex: 0 1 calc(100% - 1.5vw);
  }
  .grid .item:nth-child(5) {
    -webkit-box-flex: 0;
    flex: 0 1 calc(50% - 1.5vw);
  }
  .grid .item:nth-child(6) {
    -webkit-box-flex: 0;
    flex: 0 1 calc(50% - 1.5vw);
  }
  .grid .item:nth-child(7) {
    -webkit-box-flex: 0;
    flex: 0 1 calc(50% - 1.5vw);
  }
  .grid .item:nth-child(8) {
    -webkit-box-flex: 0;
    flex: 0 1 calc(50% - 1.5vw);
  }
  .grid .item:nth-child(9) {
    -webkit-box-flex: 0;
    flex: 0 1 calc(50% - 1.5vw);
  }
  .grid .item:nth-child(10) {
    -webkit-box-flex: 0;
    flex: 0 1 calc(50% - 1.5vw);
  }

  @media screen and (min-width: 550px) {
    /*
    .grid .item:nth-child(1) {
      -webkit-box-flex: 0;
      flex: 0 1 calc(60% - 1.5vw);
    }
    .grid .item:nth-child(2) {
      -webkit-box-flex: 0;
      flex: 0 1 calc(40% - 1.5vw);
      height: 50vh;
    }
  }

  @media screen and (min-width: 1400px) {
    */
    .grid .item:nth-child(1) {
      -webkit-box-flex: 0;
      flex: 0 1 calc(60% - 1.5vw);
    }
    .grid .item:nth-child(2) {
      -webkit-box-flex: 0;
      flex: 0 1 calc(40% - 1.5vw);
    }
    .grid .item:nth-child(3) {
      -webkit-box-flex: 0;
      flex: 0 1 calc(50% - 1.5vw);
    }
    .grid .item:nth-child(4) {
      -webkit-box-flex: 0;
      flex: 0 1 calc(50% - 1.5vw);
    }
    .grid .item:nth-child(5) {
      -webkit-box-flex: 0;
      flex: 0 1 calc(25% - 1.5vw);
    }
    .grid .item:nth-child(6) {
      -webkit-box-flex: 0;
      flex: 0 1 calc(25% - 1.5vw);
    }
    .grid .item:nth-child(7) {
      -webkit-box-flex: 0;
      flex: 0 1 calc(25% - 1.5vw);
    }
    .grid .item:nth-child(8) {
      -webkit-box-flex: 0;
      flex: 0 1 calc(25% - 1.5vw);
    }
    .grid .item:nth-child(9) {
      -webkit-box-flex: 0;
      flex: 0 1 calc(25% - 1.5vw);
    }
    .grid .item:nth-child(10) {
      -webkit-box-flex: 0;
      flex: 0 1 calc(25% - 1.5vw);
    }
  }
}

/* Styles, just for fun */

*,
*:before,
*:after {
  box-sizing: border-box;
  text-decoration: none !important;
}

@supports not (display: grid) {
  body:before {
    content: "Sorry, seems like your browser doesn't support display: grid. Below is the flexbox fallback.";
    display: block;
    padding: 2rem 2rem 0;
    color: #ffffff;
    text-align: center;
  }
}

@media screen and (min-width: 1px) {
  .grid .item {
    position: relative;
    background-position: left bottom;
    background-size: 150% 100%;
    -webkit-transition: background 500ms, outline 500ms;
    transition: background 500ms, outline 500ms;
    background-position: top left;
    outline: transparent;
  }

  .grid .item:hover,
  .grid .item:focus {
    background-position: top right;
  }

  .grid .item:focus {
    outline: 1px solid #ff8000;
  }
/*  logo */
.boxlogo {
  height: 100%;
  width: 100%;
  text-align: center;
  background-image: url("../images/dolce.png");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.buttonslogo {
  position: absolute;
  width: 100%;
  height: 100%;
  margin-top: 10vh;
  margin-left: 0vw;
}

.logologo {
  position: relative;
  width: 350px;
  margin: auto;
}

/* fim logo */
/* sector 1 */
.boxr1 {
  height: 100%;
  width: 100%;
  padding-top: 6vh;
  padding-bottom: 8vh;
  padding-left: 1vw;
  padding-right: 1vw;
  text-align: center;
}

.text {
  position: relative;
  font-size: 20px;
  text-align: center;
  position: relative;
  font-family: "Dancing Script", cursive;
  color: rgb(0, 0, 0);
  padding-left: 0px;
  left: 0px;
  height: auto;
}

.container_00000000 {
  display: block;
  height: auto;
  margin: auto !important;
}

.boxt1 {
  height: 100%;
  width: 100%;
  padding-top: 3vh;
}

.boxd1 {
  height: 260px;
  width: 300px;
  background-color: #ffffff90;
  color: #000000;
  border: 1px solid #6b6b6b;
  text-align: center;
  margin: auto;
  -webkit-box-shadow: 10px 10px 10px -5px rgba(0, 0, 0, 0.65);
  -moz-box-shadow: 10px 10px 10px -5px rgba(0, 0, 0, 0.65);
  box-shadow: 10px 10px 10px -8px rgba(0, 0, 0, 0.65);
}

.background {
  position: absolute;
  height: 260px;
  width: 300px;
}

.background1 {
  background-image: url("../images/dolcepizzeria_aveiro.jpg");
  background-size: cover;
}

.city {
  position: absolute;
  font-family: Arial, Helvetica, serif;
  font-size: 25px;
  font-weight: 600;
  width: 100%;
  height: 14%;
  top: 86%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  background-color: rgba(211, 207, 205, 0.274);
}

.city:hover {
  font-family: "Dancing Script", cursive;
  font-size: 30px;
}

.boxd11 {
  height: auto;
  width: 300px;
  text-align: left;
  margin: auto;
}

/* fim sector 1 */
/* sector 22 */
.boxr22 {
  height: 0.1vh;
  width: 100%;
}

/* fim sector 22 */
/* sector 2 */
.boxr2 {
  text-align: center;
  background-image: url("../images/dolcepizzeria_menu.jpg");
  background-position: center;
  background-size: cover;
  height: 45vh;
  margin-top: 0vh;
  padding-top: 4vh;
  padding-bottom: 1vh;
  padding-left: 0vw;
  padding-right: 0vw;
}
.boxr222 {
  height: 0.1vh;
}

.textor2 {
  padding-top: 1vh;
  padding-left: 1vw;
  padding-right: 1vw;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  position: relative;
  font-family: "Dancing Script", cursive;
}

a.bmenu {
  width: 290px;
  height: 50px;
  background: rgba(141, 34, 28, 0.74);
  text-align: center;
  line-height: 50px;
  color: #ffffff;
  text-decoration: none;
  font-size: 18px;
  font-family: verdana;
  letter-spacing: 3px;
}

a.bmenuposition {
  position: absolute;
  top: 155%;
  left: 50%;
  transform: translate(-50%, -50%);
}
a.bmenuposition2 {
  position: absolute;
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%);
}
a.bmenu:before,
a.bmenu:after,
.bmenu span:before,
.bmenu span:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: #8d221ca9;
  transition: 1s;
  mix-blend-mode: hue;
}

a.bmenu:before {
  top: 0px;
  left: 0px;
}

a.bmenu:after {
  top: 0px;
  right: 0px;
}

.bmenu span:before {
  bottom: 0px;
  left: 0px;
}

.bmenu span:after {
  bottom: 0px;
  right: 0px;
}

a.bmenu:hover:before,
a.bmenu:hover:after,
a.bmenu:hover span:before,
a.bmenu:hover span:after {
  width: calc(290px / 2);
  height: calc(50px / 2);
}

/* fim sector 2 */

/* sector 3 */
.boxr3 {
  height: 100%;
  width: 100%;
  padding-top: 6vh;
  padding-bottom: 8vh;
  padding-left: 1vw;
  padding-right: 1vw;
  text-align: center;
  color: #000000;
}

/* fim sector 3 */

/* sector 33 */
.boxr33 {
  text-align: center;
  background-image: url("../images/dolcepizzeria_galeria.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  height: 100%;
  padding-top: 6vh;
  padding-bottom: 4vh;
  padding-left: 1vw;
  padding-right: 1vw;
}

.textor33 {
  padding-top: 1vh;
  padding-left: 10vw;
  padding-right: 10vw;
  color: #000000;
  font-size: 20px;
  text-align: center;
  position: relative;
  font-family: "Dancing Script", cursive;
}

/* fim sector 33 */
/* sector 4 */
.boxr4 {
  height: 100%;
  width: 100%;
  padding-top: 6vh;
  padding-bottom: 2vh;
  padding-left: 1vw;
  padding-right: 1vw;
  text-align: center;
}

.boxt4 {
  height: 100%;
  width: 100%;
  padding-top: 0vh;
  padding-bottom: 0vh;
  margin: auto;
}

.boxd44a {
  height: auto;
  width: auto;
  text-align: center;
}

/* fim sector 4 */
/* sector 5 */
.boxr5 {
  height: 100%;
  width: 100%;
  padding-top: 6vh;
  padding-bottom: 8vh;
  padding-left: 5vw;
  padding-right: 1vw;
  text-align: center;
}

.boxt5 {
  height: 100%;
  width: 100%;
  padding-top: 0vh;
  padding-bottom: 0vh;
  text-align: center;
  margin: auto;
}

.textor5 {
  padding-top: 1vh;
  padding-left: 2vw;
  padding-right: 2vw;
  color: #000000;
  font-size: 20px;
  text-align: left;
  position: relative;
  font-family: "Dancing Script", cursive;
}

/* fim sector 5 */
/* sector 6 */
.boxr6 {
  height: 100%;
  width: 100%;
  padding-top: 6vh;
  padding-bottom: 4vh;
  padding-left: 1vw;
  padding-right: 5vw;
  text-align: center;
}

.boxt6 {
  height: 100%;
  width: 100%;
  padding-top: 0vh;
  padding-bottom: 0vh;
}

.boxd66 {
  height: auto;
  width: 320px;
  text-align: center;
  margin: auto;
}

.textor6 {
  padding-top: 1vh;
  padding-left: 1vw;
  padding-right: 1vw;
  color: #000000;
  font-size: 20px;
  text-align: left;
  position: relative;
  font-family: "Dancing Script", cursive;
}

.thefork {
  width: 100%;
  border: none;
  overflow: scroll;
}

/* fim sector 6 */
/* sector 7 */
.boxr7 {
  height: 100%;
  width: 100%;
  padding-top: 4vh;
  padding-bottom: 0vh;
  padding-left: 0vw;
  padding-right: 0vw;
  text-align: center;
}

.container7_00000000 {
  display: flex;
}

.boxt7 {
  height: 40vh;
  width: 100vw;
  padding-top: 0vh;
  padding-bottom: 0vh;
}

iframe {
  height: 40vh !important;
}

.textt7 {
  font-size: 20px;
  text-align: center;
  position: relative;
  font-family: "Dancing Script", cursive;
  color: #000000;
}

.boxd77 {
  height: auto;
  width: auto;
  text-align: center;
  margin: auto;
}

/* fim sector 7 */
/* sector 8 */
.boxr8 {
  height: 100%;
  width: 100%;
  padding-top: 6vh;
  padding-bottom: 10vh;
  padding-left: 1vw;
  padding-right: 1vw;
  text-align: center;
  color: #000000;
  background-image: url("../images/dolcepizzeria_testemunhos.png");
  background-attachment: fixed;
  background-position: center;
  background-repeat: repeat;
}

.boxr8backgroud {
  height: 240px;
  width: auto;
  padding: 10px;
  margin: 15px;
  background-color: #ffffffef;
}

.textt1 {
  font-size: 20px;
  text-align: center;
  position: relative;
  font-family: "Dancing Script", cursive;
  color: #8d221c;
}

.textt2 {
  font-size: 16px;
  text-align: right;
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  color: rgb(0, 0, 0);
  right: -50px;
}

/* fim sector 8 */
.boxtituloleft {
  width: 100%;
  text-align: left;
  padding-top: 3vh;
  padding-bottom: 3vh;
  padding-left: 1vw;
  padding-right: 1vw;
}

.boxfooterright {
  height: 100%;
  width: 100%;
  background-color: #000000;
  padding-top: 4vh;
  padding-bottom: 4vh;
  padding-left: 3vw;
  padding-right: 3vw;
  text-align: center;
}

.boxfooterleft {
  height: 100%;
  width: 100%;
  background-color: #000000;
  padding-top: 4vh;
  padding-bottom: 4vh;
  padding-left: 5vw;
  padding-right: 3vw;
  text-align: left;
}
}


@media screen and (min-width: 550px) {
  */ .grid .item {
    position: relative;
    background-position: left bottom;
    background-size: 150% 100%;
    -webkit-transition: background 500ms, outline 500ms;
    transition: background 500ms, outline 500ms;
    background-position: top left;
    outline: transparent;
  }
  .grid .item:hover,
  .grid .item:focus {
    background-position: top right;
  }
  .grid .item:focus {
    outline: 1px solid #850303;
  }

  /*  logo */
  .boxlogo {
    height: 100%;
    width: 100%;
    text-align: center;
    background-image: url("../images/dolce.png");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .buttonslogo {
    position: absolute;
    width: 100%;
    height: 100%;
    margin-top: 10vh;
    margin-left: 0vw;
  }
  .logologo {
    position: relative;
    width: 80vh;
    margin: auto;
  }
  /* fim logo */
  /* sector 1 */
  .boxr1 {
    height: 100%;
    width: 100%;
    padding-top: 6vh;
    padding-bottom: 8vh;
    padding-left: 1vw;
    padding-right: 1vw;
    text-align: center;
  }
  .text {
    position: relative;
    font-size: 26px;
    text-align: center;
    position: relative;
    font-family: "Dancing Script", cursive;
    color: rgb(0, 0, 0);
    padding-left: 5px;
    left: 15px;
    height: auto;
  }
  .container_00000000 {
    display: flex;
    height: auto;
    margin: auto !important;
  }
  .boxt1 {
    height: 100%;
    width: 100%;
    padding-top: 3vh;
  }
  .boxd1 {
    height: 260px;
    width: 300px;
    background-color: #ffffff90;
    color: #000000;
    border: 1px solid #6b6b6b;
    text-align: center;
    margin: auto;
    -webkit-box-shadow: 10px 10px 10px -5px rgba(0, 0, 0, 0.65);
    -moz-box-shadow: 10px 10px 10px -5px rgba(0, 0, 0, 0.65);
    box-shadow: 10px 10px 10px -8px rgba(0, 0, 0, 0.65);
  }
  .background {
    position: absolute;
    height: 260px;
    width: 300px;
  }
  .background1 {
    background-image: url("../images/dolcepizzeria_aveiro.jpg");
    background-size: cover;
  }
  .city {
    position: absolute;
    font-family: Arial, Helvetica, serif;
    font-size: 25px;
    font-weight: 600;
    width: 100%;
    height: 14%;
    top: 86%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background-color: rgba(211, 207, 205, 0.274);
  }
  .city:hover {
    font-family: "Dancing Script",cursive;
    font-size: 30px;
  }
    .boxd11 {
      height: auto;
      width: 850px;
      text-align: left;
      margin: auto;
    }
  /* fim sector 1 */
  /* sector 22 */
    .boxr22 {
      text-align: center;
      background-image: url("../images/webp/dolcepizzeria.webp");
      background-position: center;
      background-size: cover;
      height: 51vh;
      width: 100%;
    }
  /* fim sector 22 */
  /* sector 2 */
  .boxr2 {
    text-align: center;
    background-image: url("../images/dolcepizzeria_menu.jpg");
    background-position: center;
    background-size: cover;
    height: 45vh;
    margin-top: 2vh;
    padding-top: 4vh;
    padding-bottom: 1vh;
    padding-left: 0vw;
    padding-right: 0vw;
  }
    .boxr222 {
      text-align: center;
      background-image: url("../images/dolcepizzeria_menu.jpg");
      background-position: center;
      background-size: cover;
      height: 45vh;
      margin-top: 2vh;
      padding-top: 4vh;
      padding-bottom: 1vh;
      padding-left: 0vw;
      padding-right: 0vw;
    }
  .textor2 {
    padding-top: 1vh;
    padding-left: 1vw;
    padding-right: 1vw;
    color: #ffffff;
    font-size: 26px;
    text-align: center;
    position: relative;
    font-family: "Dancing Script", cursive;
  }
    a.bmenu {
      width: 290px;
      height: 50px;
      background: rgba(141, 34, 28, 0.74);
      text-align: center;
      line-height: 50px;
      color: #ffffff;
      text-decoration: none;
      font-size: 18px;
      font-family: verdana;
      letter-spacing: 3px;
    }
  
    a.bmenuposition {
      position: absolute;
      top: 155%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
        a.bmenuposition2 {
          position: absolute;
          top: 125%;
          left: 50%;
          transform: translate(-50%, -50%);
        }
  a.bmenu:before,
  a.bmenu:after,
  .bmenu span:before,
  .bmenu span:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #8d221ca9;
    transition: 1s;
    mix-blend-mode: hue;
  }
  a.bmenu:before {
    top: 0px;
    left: 0px;
  }
  a.bmenu:after {
    top: 0px;
    right: 0px;
  }
  .bmenu span:before {
    bottom: 0px;
    left: 0px;
  }
  .bmenu span:after {
    bottom: 0px;
    right: 0px;
  }
  a.bmenu:hover:before,
  a.bmenu:hover:after,
  a.bmenu:hover span:before,
  a.bmenu:hover span:after {
    width: calc(290px / 2);
    height: calc(50px / 2);
  }
  /* fim sector 2 */

  /* sector 3 */
  .boxr3 {
    height: 100%;
    width: 100%;
    padding-top: 6vh;
    padding-bottom: 8vh;
    padding-left: 1vw;
    padding-right: 1vw;
    text-align: center;
    color: #000000;
  }
  /* fim sector 3 */

    /* sector 33 */
    .boxr33 {
      text-align: center;
      background-image: url("../images/dolcepizzeria_galeria.jpg");
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      background-attachment: fixed;
      height: 100%;
      padding-top: 6vh;
      padding-bottom: 4vh;
      padding-left: 1vw;
      padding-right: 1vw;
    }
    .textor33 {
      padding-top: 1vh;
      padding-left: 10vw;
      padding-right: 10vw;
      color: #000000;
      font-size: 26px;
      text-align: center;
      position: relative;
      font-family: "Dancing Script", cursive;
    }
    /* fim sector 33 */
  /* sector 4 */
  .boxr4 {
    height: 100%;
    width: 100%;
    padding-top: 6vh;
    padding-bottom: 2vh;
    padding-left: 5vw;
    padding-right: 1vw;
    text-align: center;
  }
  .boxt4 {
    height: 100%;
    width: 100%;
    padding-top: 0vh;
    padding-bottom: 0vh;
    margin: auto;
  }
  .boxd44a {
    height: auto;
    width: auto;
    text-align: center;
  }
  /* fim sector 4 */
    /* sector 5 */
    .boxr5 {
      height: 100%;
      width: 100%;
      padding-top: 6vh;
      padding-bottom: 8vh;
      padding-left: 5vw;
      padding-right: 1vw;
      text-align: center;
    }
    .boxt5 {
      height: 100%;
      width: 100%;
      padding-top: 0vh;
      padding-bottom: 0vh;
      text-align: center;
      margin: auto;
    }
    .textor5 {
          padding-top: 1vh;
          padding-left: 2vw;
          padding-right: 2vw;
          color: #000000;
          font-size: 26px;
          text-align: left;
          position: relative;
          font-family: "Dancing Script", cursive;
    }
    /* fim sector 5 */
  /* sector 6 */
  .boxr6 {
    height: 100%;
    width: 100%;
    padding-top: 6vh;
    padding-bottom: 4vh;
    padding-left: 1vw;
    padding-right: 5vw;
    text-align: center;
  }
  .boxt6 {
    height: 100%;
    width: 100%;
    padding-top: 0vh;
    padding-bottom: 0vh;
  }
  .boxd66 {
    height: auto;
    width: auto;
    text-align: center;
    margin: auto;
  }
  .textor6 {
      padding-top: 1vh;
      padding-left: 1vw;
      padding-right: 1vw;
      color: #000000;
      font-size: 26px;
      text-align: left;
      position: relative;
      font-family: "Dancing Script", cursive;
  }
    .thefork {
      width: 100%;
      border: none;
      overflow: scroll;
    }
  /* fim sector 6 */
  /* sector 7 */
  .boxr7 {
    height: 100%;
    width: 100%;
    padding-top: 4vh;
    padding-bottom: 0vh;
    padding-left: 0vw;
    padding-right: 0vw;
    text-align: center;
  }
  .container7_00000000 {
   display: flex;
  }
  .boxt7 {
    height: 40vh;
    width: 100vw;
    padding-top: 0vh;
    padding-bottom: 0vh;
  }
  iframe {
      height: 40vh !important;
    }
  .textt7 {
    font-size: 26px;
    text-align: center;
    position: relative;
    font-family: "Dancing Script", cursive;
    color: #000000;
  }
  .boxd77 {
    height: auto;
    width: auto;
    text-align: center;
    margin: auto;
  }
  /* fim sector 7 */
  /* sector 8 */
  .boxr8 {
    height: 100%;
    width: 100%;
    padding-top: 6vh;
    padding-bottom: 2vh;
    padding-left: 1vw;
    padding-right: 1vw;
    text-align: center;
    color: #000000;
    background-image: url("../images/dolcepizzeria_testemunhos.png");
    background-attachment: fixed;
    background-position: center;
    background-repeat: repeat;
  }
  .boxr8backgroud {
    height: 180px;
    width: auto;
    padding: 10px;
    margin: 15px;
    background-color: #ffffffef;
  }
  .textt1 {
    font-size: 26px;
    text-align: center;
    position: relative;
    font-family: "Dancing Script", cursive;
    color: #8d221c;
  }
  .textt2 {
    font-size: 20px;
    text-align: right;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    color: rgb(0, 0, 0);
    right: -50px;
  }
  /* fim sector 8 */
  .boxtituloleft {
    width: 100%;
    text-align: left;
    padding-top: 3vh;
    padding-bottom: 3vh;
    padding-left: 1vw;
    padding-right: 1vw;
  }
  .boxfooterright {
    height: 100%;
    width: 100%;
    background-color: #000000;
    padding-top: 4vh;
    padding-bottom: 4vh;
    padding-left: 3vw;
    padding-right: 3vw;
    text-align: center;
  }
  .boxfooterleft {
    height: 100%;
    width: 100%;
    background-color: #000000;
    padding-top: 4vh;
    padding-bottom: 4vh;
    padding-left: 5vw;
    padding-right: 3vw;
    text-align: left;
  }
}
.hero.has-carousel .hero-body {
  z-index: -1;
}

/* Media queries widget */
@media only screen and (max-width : 320px) {
  .thefork {
    min-height: 840px;
  }
}

@media only screen and (min-width : 321px) and (max-width : 516px) {
  .thefork {
    min-height: 650px;
  }
}

@media only screen and (min-width : 517px) {
  .thefork {
    min-height: 550px;
  }
}