:root {
     --italy-green: #009246;
     --mozarella: #FFFFE8;
     --italy-red: #CE2B37;
     --black-olive: #3A3B35;
}
/* FONTS */
 @font-face {
     font-family: "Hokyaa Sans";
     src: url("../fonts/HokyaaSans-Regular.woff2") format("woff2"), url("../fonts/HokyaaSans-Regular.woff") format("woff"), url("../fonts/HokyaaSans-Regular.ttf") format("truetype");
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: "Hokyaa Press";
     src: url("../fonts/HokyaaSans-Press.woff2") format("woff2"), url("../fonts/HokyaaSans-Press.woff") format("woff"), url("../fonts/HokyaaSans-Press.ttf") format("truetype");
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: "Cinzel";
     src: url("../fonts/Cinzel-Regular.woff2") format("woff2"), url("../fonts/Cinzel-Regular.woff") format("woff"), url("../fonts/Cinzel-Regular.ttf") format("truetype");
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: "Thirsty Soft";
     src: url("../fonts/ThirstySoftRegular.woff2") format("woff2"), url("../fonts/ThirstySoftRegular.woff") format("woff"), url("../fonts/ThirstySoftRegular.ttf") format("truetype");
     font-weight: normal;
     font-style: normal;
}
 *, *:before, *:after {
     box-sizing: inherit;
}
 html {
     box-sizing: border-box;
     margin: 0;
     padding:0;
     background: url(../img/red-pattern.svg) fixed;
     background-size: 3em;
}
 body {
     margin: 0;
     padding:0;
     font-size: 1em;
     line-height: 1.5em;
     font-family: "Georgia", serif;
     color: rgb(58,59,53);
     background: rgba(255,0,0,0.5);
}
 .mozarella-bg {
     background-color: var(--mozarella);
}
 .mozarella-dark {
     background-color: #fff4bd;
}
 .mozarella-gradient {
     background: radial-gradient(var(--mozarella), #fff4bd);
}
 input, textarea, select {
     background: wheat;
     border: 0;
     border-radius: 0;
     padding: 0em 0em 0em 0.6em;
     border-style: solid;
     box-shadow: inset 2px 2px 1px rgba(0,0,0,0.1) 
}
 input[type=number] {
     padding:0 !important;
}
 textarea:hover, input:hover,textarea:focus, input:focus {
     -webkit-transition: all 0.2s ease;
     transition: all 0.2s ease;
     background:white !important;
     box-shadow: inset 2px 2px 3px rgba(0,0,0,0.1) 
}
/* NAVIGATION */
 nav {
     display: grid;
     grid-template-columns: 1fr 4fr;
     background: var(--mozarella);
     align-items: center;
     z-index: 999;
     position: relative;
     max-width: 960px;
     margin: auto;
     box-shadow: 0px 0px 35px rgba(0,0,0,0.2);
}
 nav div {
     display: grid;
     grid-template-columns: repeat(6,1fr);
     padding: 0;
}
 nav * {
     -webkit-transition: all 0.3s ease;
     transition: all 0.3s ease;
}
 nav .logo {
     padding: 1em;
}
 nav .logo:hover > img {
     transform: scale(1.1);
}
 nav .logo img {
     margin: auto;
     width: 7em;
}
 img.pizza {
     width:100%;
     object-fit: cover;
     padding: 3em;
     margin-top: -2em;
     border-radius: 100%;
}
 nav div a {
     border-top: 5px solid transparent;
     padding-bottom: 1.6em;
}
 nav div a:nth-of-type(1) {
     background: url(../img/catering.svg) center 0.9em / 4em no-repeat ;
}
 nav div a:nth-of-type(2) {
     background: url(../img/reserve.svg) center 0.7em / 4em no-repeat ;
}
 nav div a:nth-of-type(3) {
     background: url(../img/menu.svg) center 0.6em / 4em no-repeat ;
}
 nav div a:nth-of-type(4) {
     background: url(../img/allergies.svg) center 0.5em / 4em no-repeat ;
}
 nav div a:nth-of-type(5) {
     background: url(../img/events.svg) center 0.4em / 4em no-repeat ;
}
 nav div a:nth-of-type(6) {
     background: url(../img/tasting.svg) center 0.3em / 4em no-repeat ;
}
 nav div a:hover {
     border-top: 5px solid var(--italy-red);
     background-color: #fff4bd;
}
 nav a:hover > span::first-letter {
     color: var(--italy-red) !important;
}
/* CONTENT */
 del {
     opacity:0.5;
     font-size:0.8em;
}
 tr:nth-of-type(odd) {
     background: #fff4bd;
}
 tr:nth-of-type(even) {
     background: #eaeac6;
}
 .pizzatable {
}
 section {
     max-width: 960px;
     margin: auto;
     padding: 0em 3em 3em 3em;
     background: var(--mozarella);
     box-shadow: 0px 0px 35px rgba(0,0,0,0.2);
}
 .chart {
     padding: 1em 3em 3em 3em;
}
 table {
     text-align: left;
     width: 100%;
    border-collapse:collapse;
}
 tr,td,th {
     border-width: 0px;
    margin: 0;
     padding:0;
}
 table h2 {
     font-size: 2em;
     text-transform: none;
     font-family: "Thirsty Soft", cursive;
}
 table tr td:nth-of-type(2) {
     padding:0em 1em 0em 2em;
     width: 50%;
}
 table tr td:nth-of-type(3) h2 {
     margin-top:0em;
}
 table tr td:nth-of-type(3) h3 {
     margin-top:0;
}
 table tr td:nth-of-type(3) {
     padding:0em 0.5em 0em 1em;
     width: 30%;
}
 .smallimg {
     width: 100%;
     height:13.7em;
     display: block;
     margin: auto;
     object-fit: cover;
}
 .italy {
     max-width: 960px;
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
     height: 0.5em;
     margin: auto;
     z-index:99;
     position: relative;
     box-shadow: 0px 0px 35px rgba(0,0,0,0.2);
}
 .green {
     background: var(--italy-green);
}
 .white {
     background: white;
}
 .red {
     background: var(--italy-red);
}
 h1.top-title {
     grid-column-start: 1;
     grid-column-end: 4;
     text-align: center;
     display: block;
     font-family: "Hokyaa Press" !important;
}
 .specials {
     max-width: 960px;
     margin: auto;
     padding-bottom:0;
     padding-top: 3em;
     background: #fff4bd;
     box-shadow: 0px 0px 35px rgba(0,0,0,0.2);
}
 .pizzas {
     display: grid;
     background: white;
     grid-template-columns: auto auto auto;
     padding-bottom: 5em;
     box-shadow: 0px 0px 35px rgba(0,0,0,0.2);
}
/* TYPOGRAPHY */
 nav a {
     font-family: "Hokyaa Sans", sans-serif;
     font-size: 1.25em;
     text-transform: uppercase;
     display: block;
     color: rgb(58,59,53);
     text-decoration: none;
     height: 7em;
     padding-top: 4em;
     align-content: center;
     justify-content: center;
     display: grid;
}
 h1.pizzaname {
     font-size: 2.1875em;
     font-family: "Thirsty Soft", cursive;
     text-transform: none;
}
 h1.price {
     font-size: 2.1875em;
     font-family: "Thirsty Soft", cursive;
}
 h1 {
     font-size: 3.1875em;
     line-height: 1em;
     margin-bottom: 0.5em;
     font-family: "Hokyaa Sans", sans-serif;
     text-transform: uppercase;
}
 h2 {
     font-size: 1.25em;
     text-transform: uppercase;
     font-family: "Cinzel";
}
 h3 {
     font-size: 0.75em;
     text-transform: uppercase;
     font-family: "Cinzel";
     letter-spacing: 0.125em;
     max-width: 33em;
}
 p {
     font-size: 1em;
     font-family: "Georgie", serif;
     font-style: italic;
}
 .pizzas p {
     width:80%;
}
 .pizzas .container {
     width:70%;
     text-align: center;
     display: grid;
     justify-content: center;
}
/* FORM */
 .btn {
     font-family: "Hokyaa Sans";
     text-decoration: none;
     border: 2px solid var(--black-olive);
     color: var(--black-olive);
     padding: 0.3em 3em 0.3em 3em;
     border-radius: 0.6em;
     display: inline-block;
     margin-top: 0.5em !important;
     -webkit-transition: all 0.1s ease;
     transition: all 0.1s ease;
     text-align: center;
}
 .btn:hover {
     background: var(--black-olive);
     color: var(--mozarella);
     -webkit-transition: all 0.1s ease;
     transition: all 0.1s ease;
}
 .btn:active {
     transform: scale(0.95);
     filter: brightness(90%);
}
 .cta {
     grid-column-start: 1;
     grid-column-end: 3;
     display: grid;
     justify-content:flex-end;
     grid-template-columns: 1fr 1fr 1fr;
}
 .cta button {
     padding: 0.5em 5em;
     background: var(--italy-green);
     border:0;
     color:var(--mozarella);
     align-self: center;
     display: block;
     border-radius: 1em;
     font-family: "Hokyaa Sans";
     font-size: 1em;
}
 .cta textarea, .cta input {
     font-size: 1.5em;
     width: 100%;
     font-family: "Hokyaa Sans";
     min-height: 1.4em;
}
 .cta button:hover {
     filter: brightness(90%);
     transform: scale(0.98);
     cursor:pointer;
}
 .cta button:active {
     filter: brightness(80%);
     transform: scale(0.95);
}
 .ouradress {
     grid-column-start: 1;
     grid-column-end: 2;
}
 .ouradress h3 {
     width: 100%;
}
 .youradress {
     grid-column-start: 2;
     grid-column-end: 3;
}
 .youradress fieldset {
     min-height: 9em;
}
 .youradress fieldset p {
     display: grid;
     grid-column-gap: 0.5em;
     grid-row-gap:0.5em;
     grid-template-columns:1fr 1fr 1fr;
}
 .youradress input {
     min-height: 2em;
     font-size: 1em;
     font-family: "Georgia", serif;
}
 .youradress textarea {
     font-family: Georgia;
     padding: 0.4em 0em 0em 0.6em;
}
 .youradress label::before {
     border: 0px none;
}
 .youradress textarea {
     grid-column-start: 2;
     grid-column-end: 4;
}
 .titleprice {
     display: grid;
     grid-template-columns: 3fr 1fr;
}
 .allergens {
     display: grid;
     grid-template-columns: 3fr 1fr;
}
 b {
     display: inline-block;
     font-family: "Hokyaa Sans", sans-serif;
     font-weight: normal;
     font-size: 1em;
     background-color: var(--black-olive);
     margin: 0.1em;
     color: var(--mozarella);
     padding:0em 0.2em 0em 0.5em;
     border-radius: 0.25em;
     position: relative;
}
 select {
     display: block;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     font-family: "Hokyaa Sans", sans-serif;
     font-size: 1em;
     padding:0.5em;
     border-radius:0.25em;
}
 .delivery {
     grid-column-start: 1;
     grid-column-end: 3;
}
 .youradress input[type=time] {
     float: right;
}
 .delivery p {
     float: left;
}
 .delivery p span {
     margin-right: 1em;
}
 .indent {
     margin-bottom:0.5em;
     margin-left: 2em;
}
 .custom-order * {
     -webkit-transition: all 0.3s ease;
     transition: all 0.3s ease;
}
 .custom-order {
     display: grid;
     grid-template-columns: 1fr 2fr;
     grid-row-gap: 0.2em;
}
 .custom-order .ingredients {
     display: grid;
     grid-template-columns: 1fr 1fr;
}
 .custom-order fieldset p {
     display: grid;
     grid-template-columns: auto auto;
}
 .custom-order h1, .chart h1 {
     grid-column-start: 1;
     grid-column-end: 3;
     font-weight: normal;
     font-family: "Thirsty Soft", cursive;
     text-transform: none;
     padding:0.2em 0em 0.2em 0.2em;
     border-radius: 0.25em;
}
 .custom-order p {
     font-weight: bold;
}
 .custom-order fieldset p {
     margin: 0;
}
 .custom-order fieldset {
     padding:0 1em 0.8em 1.5em;
}
 .youradress label::before {
     display: none;
}
 label::before {
     content:"";
     width:1em;
     height:1em;
     display: block;
     position: absolute;
     margin-top:-1.3em;
     background: wheat;
     border: 0 !important;
     box-shadow: inset 2px 2px 1px rgba(0,0,0,0.1) 
}
 .custom-order input[type=radio]+label::before {
     border-radius:100%;
}
 input[type=number] {
     min-height: 1.5em;
     margin-top:0.3em;
}
 input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
     opacity: 1;
}
 input[type=checkbox]:checked + label {
     color:var(--italy-red);
}
 input[type=checkbox]:checked + label::before, input[type=radio]:checked + label::before {
     background-image:url(../img/favicon.svg);
     filter:brightness(110%);
     ;
     width:1.1em;
     height:1.1em;
     margin-left:-0.1em;
}
 .ingredients label:hover,.delivery label:hover,.premade label:hover, select:hover {
     opacity:0.8;
     filter: brightness(90%);
     text-decoration: underline;
     cursor: pointer;
}
 input[type=checkbox]:checked + label, input[type=radio]:checked + label{
     text-decoration: underline;
}
 label {
     padding-left:0.4em;
}
 .custom-order input[type=checkbox], .custom-order input[type=radio]{
     visibility: hidden;
}
 fieldset {
     border-style: solid;
}
 .premade span {
     grid-column-start: 1;
     grid-column-end: 3;
     grid-template-columns: auto auto auto;
     border-bottom: 0.2px solid grey;
}
 .premade span input[type=number] {
     float:right;
}
 .premade .allergens {
     float: right;
     padding-top: 0.1em;
     padding-right: 0.3em;
     border:0;
}
 .premade .allergens b {
     height: 1.4em;
     display: grid;
     align-content: center;
     justify-content: center;
     font-family: "Hokyaa Sans", sans-serif;
     font-weight: normal;
     font-size: 0.8em;
     font-style: normal;
     background-color: var(--black-olive);
     color: var(--mozarella);
     padding:0em 0.2em 0em 0.5em;
     border-radius: 0.25em;
     position: relative;
}
 .f {
     background: #9e9e9e !important;
}
 .m {
     background: #61a7e2 !important;
}
 .g {
     background:#d77f28 !important;
}
 .v {
     background: var(--italy-green) !important;
}
 b::before {
     content:"*";
     color: rgba(255,255,255,0.5);
     font-size: 1em;
     position: absolute;
     top:-0.3em;
     left:0.1em;
     width: 1em;
     height: 1em;
     display: block;
}
/* GENERAL */
 ::selection {
     background: red;
}
/* FOOTER */
 footer {
     background: white;
     max-width: 960px;
     margin: auto;
     display: grid;
     justify-content: space-between;
     align-content: center;
     grid-template-columns: 2fr 1fr 2fr;
     color: var(--mozarella);
     box-shadow: 0px 0px 35px rgba(0,0,0,0.2);
     z-index:99;
}
 footer .logo {
     width: 7em;
     -webkit-transition: all 0.3s ease;
     transition: all 0.3s ease;
     margin: auto auto auto auto;
}
 footer .logo:hover {
     transform: scale(1.1);
     cursor: pointer;
}
 footer .logolink {
     height:10em;
     width:100%;
     display: grid;
     align-content: center;
     justify-content: center;
}
 footer ul {
     list-style: none;
     display: grid;
     grid-column-gap: 0.2em;
     grid-row-gap:em;
     grid-template-columns: 1fr 1fr;
     grid-template-rows: 1fr 1fr 1fr;
     margin: 0;
     padding:1.6em;
     max-height: 10em;
     background:var(--italy-green);
}
 footer ul li {
     margin: 0;
     padding: 0;
}
 footer ul li a {
     font-family: "Hokyaa Sans", sans-serif;
     font-size: 1em;
     text-transform: uppercase;
     background: rgba(0,0,0,0.1);
     border-radius: 0.5em;
     text-decoration: none;
     width:100%;
     display: inline-block;
     max-height: 2em;
     padding: 0.1em 0.3em 0.3em 0.2em;
     -webkit-transition: all 0.1s ease;
     transition: all 0.1s ease;
     border: 1px solid transparent;
     color: var(--mozarella);
}
 footer ul li a:hover {
     filter: brightness(110%);
     background: rgba(0,0,0,0.3);
     text-decoration: underline;
     -webkit-transition: all 0.1s ease;
     transition: all 0.1s ease;
     border: 1px solid var(--italy-var(--italy-red);
     );
}
 footer a:hover > span::first-letter {
     color: var(--italy-red) !important;
}
 footer li a * {
     margin-top:-0.4em;
}
 footer ul li a:hover > img {
     transform: scale(1.2);
     -webkit-transition: all 0.3s ease;
     transition: all 0.3s ease;
}
 footer a img {
     width: 2em;
     -webkit-transition: all 0.1s ease;
     transition: all 0.1s ease;
}
 footer h3, footer p {
     margin-bottom: 0;
}
 footer button {
     background: #fdd000;
     font-size:1em;
     border:0;
     border-radius:0.4em;
     box-sizing: border-box;
     height: 2.1em;
     vertical-align: middle;
     padding:0em 0.6em 0em 0.8em;
     font-family: "Hokyaa Sans";
}
 footer button:hover {
     filter: brightness(80%);
     cursor: pointer;
}
 footer input[type=email] {
     height:2.65em;
     border:0px;
     border-radius: 0.3em;
     font-size:0.8em;
     margin-left:0.5em;
     font-family: "Georgia", serif;
}
 footer fieldset legend {
     padding: 0.2em;
}
 footer fieldset {
     border-color: #fdd000;
     border-radius: 0.5em;
     padding-bottom: 1.2em;
}
 footer .subscribe {
     background: #CE2B37;
     color: var(--mozarella);
     padding:0.5em 2em 0.5em 3em;
     height: 10em;
}
 footer .bottom-bar {
     background: var(--black-olive);
     height:5em;
     grid-column-start: 1;
     grid-column-end:4;
     text-align: center;
     align-content: center;
     display: grid;
}
 footer .bottom-bar p {
     margin:0;
}
@media screen and (min-width:482px) and (max-width:768px) {
    table tr td:nth-of-type(3) b:nth-of-type(1) {
         grid-column-start: 4;
        width: 50%;
        margin:auto 0.3em auto auto;
     }
     table tr td:nth-of-type(3) b:nth-of-type(2) {
        width: 50%;
        margin:auto auto auto 0.3em;
     }
    table tr td:nth-of-type(2) p {
        text-align: left;
        padding-right: 2em;
    }
    table tr td:nth-of-type(3) h3 {
        grid-column-start: 1;
        grid-column-end: 4;
        text-align: left;
     }
    table tr td:nth-of-type(3) {
         grid-template-columns: repeat(5,1fr);
    }
     table tr td:nth-of-type(3) {
         padding: 0 0em 2em 1em;
         width: 100%;
         display: grid;
         grid-template-columns: repeat(5,1fr);
         justify-content: center;
     }
}
@media screen and (max-width: 481px) {
    table tr td:nth-of-type(3) b:nth-of-type(1) {
         height: 1.5em;
         grid-column-start: 2;
         width: 50%;
         margin:0 0.2em auto auto;
     }
    nav div {
         padding:0;
         grid-template-columns: repeat(2,1fr) !important;
    }
    img.pizza {
         width: 100% !important;
    }
    table tr td:nth-of-type(2) p {
        padding: 1em;
        border-bottom: 1px solid rgba(0,0,0,0.2);
        margin-bottom: 1em;
        text-align: center;width: 100%;
    }
     table tr td:nth-of-type(3) b:nth-of-type(2) {
         height: 1.5em;
         width: 50%;
         margin: 0 auto auto 0.2em;
     }
    table tr td:nth-of-type(3) h3 {
         grid-column-start: 1;
         grid-column-end: 6;
         grid-row-start: 1;
         padding-bottom:2em;
     }
    
     table tr td:nth-of-type(3) {
         padding: 0 0em 2em 1em;
         width: 100%;
         display: grid;
         grid-template-columns: repeat(4,1fr);
         grid-template-rows: 1fr 1fr;
         justify-content: center;
     }
}
 @media screen and (max-width: 768px) {
     .logolink {
         display: none !important;
    }
     .smallimg {
         object-fit: cover;
     }
     .indent label {
         font-size: 0.8em;
     }
     tr {
         position: relative;
     }
     table tr td:nth-of-type(1) {
         width: 100%;
     }
     table tr td:nth-of-type(2) {
         width: 100%;
     }
     table tr td:nth-of-type(2) h2 {
         text-align: left;
     }
     table tr td:nth-of-type(3) h2 {
         position: absolute;
         top: 9.9em;right:1em;
     }
     tr {
         display: grid;
         grid-template-columns: 1fr;
     }
     td, th {
         display: block;
         width: 100%;
     }
     .cta {
         grid-column-start: 1;
         grid-column-end: 3;
         display: grid;
         justify-content:flex-end;
         grid-template-columns: 1fr;
    }
     nav, section, footer {
         max-width: 100% !important;
         grid-template-columns: 1fr;
    }
     footer ul li a {
         width:100%;
    }
     * {
         -webkit-transition: none !important;
         transition: none !important;
         text-align:center;
         float:none !important;
    }
     h2 {
         font-size: 1.5em;
    }
     .cta button {
         width:70%;
         max-height: 1.9em;
         margin-top: 0.5em;
         margin:auto;
         font-size: 2em;
         padding-left: 0;
         padding-right:0;
    }
     h1.top-title {
         display: inline-block;
        margin-top: 0;
         grid-row-start: 2;
     }
     h1 {
         line-height: normal;
    }
     h3, p {
         margin: auto;
    }
     h1.price {
         justify-self: flex-start;
    }
     .pizzas .container {
         width: 100%;
         padding-top: 1em;
    }
     .btn {
         font-size: 2em;
         width: 100%;
         margin: auto;
         padding: 0.3em 0.5em;
    }
     .pizzas {
         padding-bottom: 5em;
         grid-template-columns: 1fr;
    }
     img.pizza {
         width: 50%;
         grid-column-start: 1;
         grid-column-end: 4;
         padding:4em;
         margin:0 auto;
         grid-row-start: 1;
    }
     .allergens b {
         font-size: 1.5em;
         margin-top:1em;
         margin-bottom: 1em;
         padding:0.1em 0.3em 0.2em 0.7em;
    }
     .allergens b::before {
         top: 0.1em;
         left:0em;
    }
     .youradress fieldset p {
         display: block;
    }
     .youradress input {
         font-size:1.5em;
         width:100%;
         margin: 0.2em 0em 0.2em 0em;
    }
     .youradress textarea {
         font-size:1em;
         width:100%;
         min-height:9em;
    }
     footer ul {
         max-height:none;
    }
     footer ul li a {
         text-align: center;
         font-size: 2em;
         padding:1em 0em;
         max-height:none;
         margin:0.1em 0em 0.1em 0em;
    }
     .premade .indent label {
         padding: 1em;
    }
     .premade .indent {
         grid-template-columns: 1fr;
         padding: 0;
         margin: 1em;
         border-radius:0.5em;
         border:solid 5px var(--italy-green);
    }
     .premade .indent label::before {
         margin-top:-0.2em;
    }
     label::before {
         margin-top:0em;
    }
     .premade span {
         display: grid;
         grid-template-columns: 1fr 1fr;
         text-align: left;
    }
     .premade .allergens {
         text-align:left;
         margin-top:-0.9em;
    }
     .premade .allergens b {
         display: inline;
         font-size:0.6em;
    }
     .premade b::before {
         left:-0.2em;
    }
     .ingredients fieldset p label, .delivery fieldset p label {
         padding: 1em 0em 1em 0em;
         display: inline-block;
         width: 100%;
         overflow:none;
    }
     .custom-order fieldset p {
         grid-template-columns: auto;
         width:100%;
    }
     .custom-order fieldset {
         border-color: grey;
         background: #fff4bd;
    }
     .custom-order fieldset p span {
         border-bottom: 1px solid var(--black-olive);
         font-size: 1.7em;
    }
     .premade span input[type=number] {
         font-size: 2em;
         padding:0;
         align-self: right;
         justify-self:right;
         margin-top: -0.1em;
    }
     .premade span {
         padding-top: 1em;
         padding-bottom: 0.3em;
         grid-template-columns: auto auto;
    }
     
     footer,footer ul, .allergens, .custom-order, .custom-order .ingredients {
         display: block !important;
    }
     section {
         padding:0 !important;
     }
     select {
         margin:auto;
         font-size: 2em;
    }
     footer input[type=email] {
         width:100%;
         font-size:2em;
         height:2.5em;
    }
     footer button {
         width:50%;
         max-height: 1.9em;
         margin-top: 0.5em;
         font-size: 2em;
    }
     .smallimg {
         height:18em;
     }
     footer .subscribe {
         padding: 2em 1em 3em 1em;
         height:auto;
    }
     footer .subscribe fieldset {
         padding:1em;
    }
     footer input[type=email] {
         margin:0;
    }
     footer legend {
         padding: 0.5em;
    }
     nav div {
         padding:0;
         grid-template-columns: repeat(3,1fr);
    }
     nav div a {
         border: 1px solid rgba(0,0,0,0.1);
         font-size: 1.7em;
    }
     nav div a:hover {
         border: 1px solid var(--italy-red);
    }
     nav a {
         height: auto;
    }
     .custom-order input[type=checkbox], .custom-order input[type=radio] {
         display: none;
    }
}