@charset "utf-8";
/*css document*/

/* 
Roze ="#dc0c69"
Lichtroze="#f8bad5"
*/
/*reset*/
*{margin:0; padding:0; outline:none; box-sizing:border-box;}
img,fieldset{border:0px; display:block;}
br.clear, div.clear{clear:both; font-size:0px;}
ul, ol{list-style:none;}
textarea, input.text, input[type="text"], input[type="button"], input[type="submit"], .input-checkbox, button{-webkit-appearance:none; border-radius:0;}

header, nav, article, aside, section, footer{display:block; overflow:hidden;}
header, section, footer{width:100%; height:auto; position:relative;}

/*template*/

html{width:100%; height:100%; font-size:62.5%;}
body{width:100%; height:100%; background:#efefef; font-family:'Nunito', sans-serif; font-size:1.6rem; line-height:1.628571; color:#1d1d1b; overflow-x:hidden; overflow-y:scroll; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

/*text*/
h1, h2, h3, h4, h5, h6{width:100%; height:auto; line-height:1.2; font-weight:normal; font-family:'Leckerli One', cursive;}
h1{font-size:3.0rem; margin-bottom:32px; color:#dc0c69; text-align:center;}
h2{font-size:3.0rem; margin-bottom:32px; color:#dc0c69; text-align:center;}
h4{font-size:1.8rem; margin-bottom:12px;}
h6{font-size:1.4rem; text-transform:uppercase; color:#b2b2b2;}
a, a *{color:#dc0c69; text-decoration:underline;}
p{margin:0px 0px 32px 0px;}
.button{width:fit-content; background-color:#dc0c69; text-decoration:none; border-radius:12px; text-align:center; font-family:"Leckerli One", cursive; font-size:2.4rem; color:#ffffff; padding:8px 32px;}
.button:hover{background:#DF5B9D;}


/*youtube*/
.video-container{position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed{position:absolute; top:0; left:0; width:100%; height:100%;}

/*forms*/
form.form-grid{display:grid; grid-template-columns:160px auto; gap:16px;}
form.form-grid .wide{grid-column-end:span 2;}
form.form-grid h2{margin-top:35px; margin-bottom:0px; font-size:2.4rem;}
form.form-grid h3{margin-top:35px; margin-bottom:0px; font-size:2.0rem;}
form.form-grid div{padding:8px 0px;}
form.form-grid div.row{border-bottom:1px dotted #eae9e9;}
form.form-grid div.noborder{border-bottom:none !important;}
form.form-grid div.label{color:#2a2620;}
form.form-grid div.row label.red{color:#e2001a;}
form.form-grid div span{display:block; height:32px; line-height:32px; color:#a3a3a3; font-size:1.2rem;}
form.form-grid div input[type="text"],
form.form-grid div input[type="number"],
form.form-grid div input[type="date"],
form.form-grid div input[type="time"],
form.form-grid div input[type="datetime-local"]{width:100%; height:24px; line-height:24px; padding:16px; font-family:'Nunito', sans-serif; border-radius:8px; border:1px solid #eae9e9; color:#2a2620; background:#ffffff;}
form.form-grid div select{width:100%; height:24px; line-height:24px; font-size:1.4rem; padding:16px; border-radius:8px; color:#2a2620; background:#ffffff; border:1px solid #eae9e9; font-family:'Nunito', sans-serif; color:#555555;}
form.form-grid div select{height:unset; line-height:unset; padding:8px 16px;}
form.form-grid div select option{color:#555555;}
form.form-grid div input[type="text"].red,
form.form-grid div input[type="number"].red,
form.form-grid div input[type="date"].red,
form.form-grid div input[type="time"].red,
form.form-grid div select.red,
form.form-grid div input[type="datetime-local"].red{border:1px solid #e2001a;}
form.form-grid div input[type="text"]:focus,
form.form-grid div input[type="number"]:focus,
form.form-grid div input[type="date"]:focus,
form.form-grid div input[type="time"]:focus,
form.form-grid div input[type="datetime-local"]:focus{border:1px solid #2a2620;}
form.form-grid div textarea{width:100%; height:300px; line-height:24px; padding:16px; border-radius:8px; font-family:'Nunito', sans-serif; background:#ffffff; color:#2a2620; border:1px solid #eae9e9} 
form.form-grid div textarea:focus{border:1px solid #303030;}
form.form-grid div.submit{display:grid; grid-template-columns:1fr 1fr;}
form.form-grid div.submit .button-left input[type=button],
form.form-grid div.submit .button-left input[type=submit]{border:0px; font-family:'Nunito', sans-serif; color:#555555; background-color:#eae9e9; font-size:1.4rem; padding:15px 25px; border-radius:5px; text-decoration:none; float:left; cursor:pointer;}
form.form-grid div.submit .button-right input[type=button],
form.form-grid div.submit .button-right input[type=submit]{border:0px; font-family:'Nunito', sans-serif; color:#ffffff; background-color:#04b149; font-size:1.4rem; padding:15px 25px; border-radius:5px; text-decoration:none; float:right; cursor:pointer;}
form.form-grid div.submit .button-right input[type=submit].grey{color:#f1f1f1; background-color:#444444;}

/*main-container*/
main{width:100%; max-width:1920px; min-height:100vh; margin:0px auto; background:url('../images/background.webp') fixed center top;}
.container{max-width:1260px; margin:0px auto; padding:0px 24px; position:relative;}
section{padding:32px 0px;}
section.nopadding{padding-bottom:0px; padding-top:0px;}
section.paddingextra{padding-bottom:64px;}

/*header*/
header{height:139px; background:#dc0c69; top:32px; overflow:visible; border-bottom:32px solid #f8bad5;}
header .grid{display:grid; grid-template-columns:231px 1fr; grid-template-rows:61px 78px; grid-gap:24px; row-gap:0px;}
header .grid .contactinfo{display:flex; justify-content:flex-end; font-size:1.4rem; color:#ffffff; line-height:61px;}
header .grid .contactinfo a{color:#ffffff; text-decoration:none;}
header .grid .contactinfo a:not(:last-child){margin-right:32px;}
header .grid .contactinfo img{margin-top:auto; margin-bottom:auto;}
header .grid .logo{grid-row-end: span 2;z-index:100; margin-top:-32px; margin-bottom:-32px; margin-left:64px;}
header .grid nav{grid-row-start:2; grid-column-start:2;}
header .grid nav ul{display:flex; justify-content:flex-end;}
header .grid nav ul li:not(:last-child){margin-right:32px;}
header .grid nav ul li a{height:46px; display:block; color:#ffffff; font-family:"Leckerli One",cursive; font-size:2.0rem; text-decoration:none;}
header .grid nav ul li a:hover{border-bottom:4px solid #ffffff;}
header .grid .menu{display:none;}

/*sections*/
section.intro{padding-top:0; margin-top:32px;}
section.intro .container{background-color:#ffffff; border-radius:0 0 52px 13px;}
section.intro .grid{display:grid; grid-template-columns:560px 1fr; grid-gap:32px; padding-bottom:32px;}
section.intro .grid .image{height:334px; width:560px; margin-bottom:32px; margin-top:112px; position:relative;}
section.intro .grid .image img{height:100%; width:100%; object-fit:cover;position:absolute; top:0px; z-index:4;border-radius:13px; border: 10px solid #dc0c69;}
section.intro .grid .image .imagewrap{height:100%;width:100%; position:absolute; top:0px;z-index:3;transform:rotate(-5.7deg);border-radius:13px;background:#f8bad5;}
section.intro .grid article{margin-top:112px; background:url('../images/candy-01.webp') no-repeat bottom right / 25%;}
section.intro .grid article img{height:71px; width:152px; margin-top:80px;float:right;}
section.intro .grid h1{text-align:unset;}

section.inventory .grid{display:grid; grid-template-columns: repeat(4,1fr); grid-gap:48px;}
section.inventory .grid h2{grid-column-end:span 4;}
section.inventory .grid .product{}
section.inventory .grid .product .image{height:250px;}
section.inventory .grid .product .image img{width:100%; height:100%; object-fit:cover;border-radius:13px 13px 0 0;}
section.inventory .grid .product .title{font-family:"Leckerli One", cursive; text-align:center; text-decoration:none; font-size:3.0rem; color:#ffffff; background-color:#dc0c69; border-radius: 0 0 13px 13px; ;padding-top:16px; padding-bottom:16px;}
section.inventory .grid .product:hover .title{text-decoration:underline;}

section.contact{background-color:#f8bad5;}
section.contact .grid{display:grid; grid-template-columns:repeat(2, 1fr); grid-gap:48px; margin-top:64px; margin-bottom:64px;}
section.contact .grid article{background:url('../images/candy-02.webp') no-repeat bottom right / 25%;}
section.contact .grid .image{height:427px; width:640px;}
section.contact .grid .image img{width:100%; height:100%; object-fit:cover; border-radius:13px;}

section.contactform{}
section.contactform .container{background-color:#f8bad5; border-radius:16px;}
section.contactform .grid{display:grid; grid-template-columns:1fr 2px 560px; grid-gap:48px; padding:24px 0px; background:url('../images/candy-01.webp') no-repeat bottom 32px right 32px / 25%;}
section.contactform .grid .bar{background:#ffffff;}

section.category .container{background:#f5d7e5;}
section.category h1{font-family:"Leckerli One", cursive; font-size:5.0rem; color:#dc0c69; margin-bottom:32px; margin-top:64px; text-align:center;}
section.category p{font-size:2.0rem; margin-bottom:32px;}
section.category .grid{display:grid; grid-template-columns:1fr 1fr; grid-gap:32px; padding:64px 0px;}
section.category .griditem{display:grid; grid-template-columns: 1fr 1fr; grid-gap:16px; padding:16px; background:#ffffff; border-radius:13px;}
section.category .griditem:nth-of-type(6n+2){grid-row-end:span 2; display:block;}
section.category .griditem:nth-of-type(6n+4){grid-row-end:span 2; display:block;}
section.category .griditem .image{grid-area:1 / 1 / span 1 / span 1; margin:auto;}
section.category .griditem:nth-of-type(3n+3) .image{grid-area: 1 / 2/ span 1 / span 1;}
section.category .griditem .image img{width:100%; object-fit:cover; border-radius:13px;}
section.category .griditem .description{grid-area:1 / 2 / span 1 / span 1; margin:auto;}
section.category .griditem:nth-of-type(3n+3) .description{grid-area: 1 / 1/ span 1 / span 1;}
section.category .griditem .description h3{font-size:3.0rem; color:#dc0c69; margin-top:16px; margin-bottom:unset;}
section.category .griditem .description p{font-size:1.6rem;}
section.category .griditem .contact{display:grid; grid-template-columns: 1fr 1fr; grid-gap:16px;}
section.category .griditem .contact .price{ font-family:"Leckerli One", cursive; font-size:2.2rem; color:#dc0c69;}
section.category .griditem .contact .socialbuttons{display:grid; grid-template-columns:repeat(3, 32px); grid-gap:16px;justify-content:end;}
section.category .griditem .contact .socialbuttons a img{height:32px; width:32px;}


section.events .container{background:#f5d7e5;}
section.events h1{font-family:"Leckerli One", cursive; font-size:5.0rem; color:#dc0c69; margin-bottom:32px; margin-top:64px; text-align:center;}
section.events p{font-size:2.0rem; margin-bottom:32px;}
section.events .grid{display:grid; grid-template-columns:1fr 1fr; grid-gap:32px; padding:64px 0px;}
section.events .griditem{display:grid; grid-template-columns: 1fr 1fr; grid-gap:16px; padding:16px; background:#ffffff; border-radius:13px;}
section.events .griditem .image{grid-area:1 / 1 / span 1 / span 1; margin:auto;}
section.events .griditem .image img{width:100%; object-fit:cover; border-radius:13px;}
section.events .griditem .description{grid-area:1 / 2 / span 1 / span 1; margin:auto;}
section.events .griditem .description h3{font-size:3.0rem; color:#dc0c69; margin-top:16px; margin-bottom:unset;}
section.events .griditem .description p{font-size:1.6rem;}
section.events .griditem .contact{display:grid; grid-template-columns: 1fr 1fr; grid-gap:16px;}
section.events .griditem .contact .price{ font-family:"Leckerli One", cursive; font-size:2.2rem; color:#dc0c69;}
section.events .griditem .contact .socialbuttons{display:grid; grid-template-columns:repeat(3, 32px); grid-gap:16px;justify-content:end;}
section.events .griditem .contact .socialbuttons a img{height:32px; width:32px;}

section.event{padding-top:0; margin-top:32px;}
section.event .container{background-color:#ffffff; border-radius:0 0 52px 13px;}
section.event .grid{display:grid; grid-template-columns:560px 1fr; grid-gap:32px; padding-bottom:32px;}
section.event .grid .image{height:334px; width:560px; margin-bottom:32px; margin-top:112px; position:relative;}
section.event .grid .image img{height:100%; width:100%; object-fit:cover;position:absolute; top:0px; z-index:4;border-radius:13px; border: 10px solid #dc0c69;}
section.event .grid .image .imagewrap{height:100%;width:100%; position:absolute; top:0px;z-index:3;transform:rotate(-5.7deg);border-radius:13px;background:#f8bad5;}
section.event .grid article{margin-top:112px; background:url('../images/candy-01.webp') no-repeat bottom right / 25%;}
section.event .grid h1{text-align:unset;}
section.event .grid article .time,
section.event .grid article .date{margin-bottom:12px; color:#dc0c69;}
section.event .grid article .date i,
section.event .grid article .time i{margin-right:12px;}
section.event .grid article .contact{display:grid; grid-template-columns:repeat(3, 32px); grid-gap:16px;justify-content:start;}
section.event .grid article .contact img{height:100%; width:100%; object-fit:cover;}
section.event .grid article .contact a.facebook,
section.event .grid article .contact a.whatsapp,
section.event .grid article .contact a.mail{width:32px; height:32px;  border-radius:8px; text-align:center;}
section.event .grid article .contact i{font-size:1.8rem; line-height:32px; color:white;}
section.event .grid article .contact a.whatsapp{background:#137b4e;}
section.event .grid article .contact a.facebook{background:#0078FF;}
section.event .grid article .contact a.mail{background:#da0e6b;}

/*footer*/
footer{background:#dc0c69; margin-top:32px; overflow:visible; color:#ffffff;}
footer .grid{display:grid; grid-template-columns:1fr 2fr 231px; grid-gap:32px;}
footer .grid h4{margin-top:32px;}
footer .grid div{margin-bottom:16px;}
footer .grid div a{color:#ffffff; text-decoration:none;}
footer .grid .logo{margin-top:-32px; margin-bottom:-32px; z-index:11;}
footer .bar{height:32px; width:100%; background:#f8bad5; position:absolute; z-index:10;}
footer .bar .container{font-size:1.2rem; color:#dc0c69; line-height:32px;}
footer .bar .container a{margin-left:12px; color:#dc0c69;}
footer .bar .container br{display:none;}

/*laptop l*/
@media only screen and (max-width:1440px) 
{
    section.category h1{font-size:4.5rem;}

}

/*laptop*/
@media only screen and (max-width:1024px) 
{
    header .grid .contactinfo div{font-size:1.2rem; margin-right:16px;}
    header .grid .logo{margin-left:32px;}
    header nav ul li a{font-size:1.8rem;}

    section{padding:16px 0px;}
    section.intro .grid{grid-template-columns:528px 1fr;}
    section.intro .grid .image{height:302px; width:528px; margin-top:80px;}
    section.intro .grid article{margin-top:80px;}
    section.intro .grid article img{margin-top:8px;}

    section.inventory .grid{grid-gap:32px;}
    section.inventory .grid .product .image{height:180px;}
    section.inventory .grid .product .title{font-size:2.8rem;}

    section.contact .grid{margin-top:16px; margin-bottom:16px; grid-gap:32px;}
    section.contact .grid .title{font-size:3.0rem;}
    section.contact .grid .image{height:377px; width:590px;}

    section.category h1{font-size:4.0rem; margin-bottom:32px; margin-top:48px;}
    section.category p{font-size:1.8rem; margin-bottom:24px;}
    section.category .grid{padding-top:48px; padding-bottom:24px;}
    section.category .griditem{grid-gap:8px;}
    section.category .griditem .description h3{font-size:2.6rem;margin-top:8px;}
    section.category .griditem .contact{grid-gap:8px;}
    section.category .griditem .contact .price{font-size:2.0rem;}

    section.events h1{font-size:4.0rem; margin-bottom:32px; margin-top:48px;}
    section.events p{font-size:1.8rem; margin-bottom:24px;}
    section.events .grid{padding-top:48px; padding-bottom:24px;}
    section.events .griditem{grid-gap:8px;}
    section.events .griditem .description h3{font-size:2.6rem;margin-top:8px;}
    section.events .griditem .contact{grid-gap:8px;}
    section.events .griditem .contact .price{font-size:2.0rem;}

    section.event .grid{grid-template-columns:528px 1fr;}
    section.event .grid .image{height:302px; width:528px; margin-top:80px;}
    section.event .grid article{margin-top:80px;}
    section.event .grid article img{margin-top:8px;}

    section.contactform .grid{grid-template-columns:1fr; grid-gap:32px;}
    section.contactform .grid .bar{display:none;
}

/*tablet*/
@media only screen and (max-width:768px) 
{

    header{height:107px; top:16px; border-bottom:16px solid #f8bad5;}
    header .grid{display:grid; grid-template-columns:188px 1fr; grid-template-rows:45px 46px; grid-gap:24px; row-gap:0px;}
    header .grid .logo{width:188px; height:166px; grid-row-end: span 2;z-index:100; margin-top:-24px; margin-bottom:-24px; margin-left:0px;}
    header .grid .logo img{width:100%; height:100%;}
    header .grid .contactinfo a{font-size:1.2rem; line-height:45px;}
    header .grid .contactinfo a:not(:last-child){margin-right:16px;}
    header .grid nav ul li:not(:last-child){margin-right:16px;}
    header .grid nav ul li a{font-size:1.8rem;}
    
    body{font-size:1.4rem;}
    h1{margin-bottom:16px;}
    .button{width:100%; font-size:1.6rem; display:block; padding:8px 0px;}

    section{padding:16px 0px;}
    section.intro{margin-top:16px;}
    section.intro .grid{grid-template-columns:1fr 1fr;}
    section.intro .grid .image{height:243px; width:384px; margin-top:60px;}
    section.intro .grid article{margin-top:60px;}

    section.inventory .grid{grid-gap:16px;}
    section.inventory .grid .product .image{height:143px;}
    section.inventory .grid .product .title{font-size:2.4rem;}
    section.paddingextra{padding-bottom:32px;}

    section.contact .grid{margin-top:16px; margin-bottom:16px; grid-gap:32px;}
    section.contact .grid .title{margin-bottom:16px;}
    section.contact .grid .image{height:277px; width:384px;}

    section.category h1{font-size:3.5rem;margin-bottom:24px; margin-top:32px;}
    section.category p{font-size:1.6rem; margin-bottom:16px;}
    section.category .grid{padding-top:32px; grid-gap:24px;}
    section.category .griditem{grid-gap:8px;}
    section.category .griditem .description h3{font-size:2.2rem;margin-top:-4px;}
    section.category .griditem:nth-of-type(6n+2) .description .title{margin-top:54px;}
    section.category .griditem:nth-of-type(6n+4) .description .title{margin-top:54px;}
    section.category .griditem .description p{font-size:1.4rem;}
    section.category .griditem:nth-of-type(6n+2) .image{margin-top:16px;}
    section.category .griditem:nth-of-type(6n+4) .image{margin-top:16px;}
    section.category .griditem .contact{grid-gap:8px;}
    section.category .griditem .contact .price{font-size:1.4rem;}
    section.category .griditem .contact .socialbuttons{display:grid; grid-template-columns:repeat(3, 24px); grid-gap:8px;justify-content:end;}
    section.category .griditem .contact .socialbuttons a img{height:24px; width:24px;}
   
    section.event{margin-top:16px;}
    section.event .grid{grid-template-columns:1fr 1fr;}
    section.event .grid .image{height:243px; width:384px; margin-top:60px;}
    section.event .grid article{margin-top:60px;}

    section.events h1{font-size:3.5rem;margin-bottom:24px; margin-top:32px;}
    section.events p{font-size:1.6rem; margin-bottom:16px;}
    section.events .grid{padding-top:32px; grid-gap:24px;}
    section.events .griditem{grid-gap:8px;}
    section.events .griditem .description h3{font-size:2.2rem;margin-top:-4px;}
    section.events .griditem .description p{font-size:1.4rem;}
    section.events .griditem .contact{grid-gap:8px;}
    section.events .griditem .contact .price{font-size:1.4rem;}
    section.events .griditem .contact .socialbuttons{display:grid; grid-template-columns:repeat(3, 24px); grid-gap:8px;justify-content:end;}
    section.events .griditem .contact .socialbuttons a img{height:24px; width:24px;}

    footer{margin-top:16px;}
    footer .grid{grid-template-columns:1fr 1fr 188px; grid-gap:24px;}
    footer .grid .title{font-weight:700;margin-top:16px;}
    footer .grid .logo{ width:188px; height:166px; margin-top:-24px; margin-bottom:-24px;}
    footer .grid .logo img{width:100%; height:100%;}
    footer .bar{height:32px;}
}

/*mobile l*/
@media only screen and (max-width:425px)
{
    form.form-grid{grid-template-columns:1fr; gap:0px;}
    form.form-grid .wide{grid-column-end:unset;}

    header{height:107px;}
    header .grid{display:grid; grid-template-columns:168px 1fr; grid-template-rows:31px 46px;}
    header .grid .logo{width:168px; height:146px; margin-left:unset;}
    header .grid .contactinfo{display:none;}
    header .grid nav{width:100%; height:auto; display:block; float:none; left:0; top:-800px; position:absolute; -webkit-transform:translateY(-140%); transform:translateY(-140%); -webkit-transition:-webkit-transform 0.5s, visibility 0s 0.5s; transition:transform 0.5s, visibility 0s 0.5s;}
    header .grid .menu{display:unset; display:block; text-align:right;}
    header .grid .menu a i{font-size:3.0rem; color:#ffffff; line-height:64px;}    
    header .grid nav ul{width:100%; height:auto; display:block; position:relative; float:left; padding:24px; background:#f8bad5;}
    header .grid nav ul li{width:100%; height:auto; min-height:48px; display:block; float:left; margin:0px; text-align:right;}
    header .grid nav ul li a{color:#DC0C69; height:64px; line-height:64px; margin:unset;}
    header .grid nav.open{width:100%; height:100vh; display:block; float:none; left:0px; top:93px; z-index:99; position:absolute; margin:0px !important; -webkit-transform:translateY(0%); transform:translateY(0%); -webkit-transition:-webkit-transform 0.5s; transition:transform 0.5s;}

    section.intro .container{border-radius:0 0 27px 13px;}
    section.intro .grid{display:inline-block;}
    section.intro .grid .image{height:243px; width:374px; margin-top:40px; margin-bottom:40px; margin-right:0px;}
    section.intro .grid article{margin:16px 0px; padding-bottom:24px;}

    section.paddingextra{padding-bottom:16px;}
    section.inventory .grid{grid-template-columns:1fr;}
    section.inventory .grid h2{grid-column-end:span 1;}
    section.inventory .grid .product{margin-bottom:16px; margin-left:48px; margin-right:48px;}
    section.inventory .grid .product .image{display:none;}
    section.inventory .grid .product .title{grid-column-end:unset; border-radius:13px; font-size:2.4rem;}

    section.contact .grid{grid-template-columns: 1fr; margin-top:0px; margin-bottom:0px; grid-gap:16px;}
    section.contact .grid h2{margin-bottom:16px;}
    section.contact .grid .image{grid-row-start:1; height:277px; width:371px;margin-left:auto; margin-right:auto; margin-bottom:0px;}

    section.category h1{font-size:3.0rem;margin-bottom:16px; margin-top:24px;}
    section.category p{font-size:1.4rem; margin-bottom:8px;}
    section.category .grid{grid-template-columns: 1fr; grid-gap:24px; padding-top:24px; padding-bottom:24px;}
    section.category .griditem{grid-gap:8px;}
    section.category .griditem:nth-of-type(6n+2){grid-row-end:unset; display:grid;}
    section.category .griditem:nth-of-type(6n+4){grid-row-end:unset; display:grid;}
    section.category .griditem .description .title{font-size:2.0rem;margin-top:-4px;}
    section.category .griditem:nth-of-type(6n+2) .description .title{margin-top:unset;}
    section.category .griditem:nth-of-type(6n+4) .description .title{margin-top:unset;}
    section.category .griditem .description p{font-size:1.2rem;}
    section.category .griditem:nth-of-type(6n+2) .image{margin-top:unset; margin:auto;}
    section.category .griditem:nth-of-type(6n+4) .image{margin-top:unset; margin:auto;}

    section.events h1{font-size:3.0rem;margin-bottom:16px; margin-top:24px;}
    section.events p{font-size:1.4rem; margin-bottom:8px;}
    section.events .grid{grid-template-columns: 1fr; grid-gap:24px; padding-top:24px; padding-bottom:24px;}
    section.events .griditem{grid-gap:8px;}
    section.events .griditem .description .title{font-size:2.0rem;margin-top:-4px;}
    section.events .griditem .description p{font-size:1.2rem;}

    section.event .container{border-radius:0 0 27px 13px;}
    section.event .grid{display:inline-block;}
    section.event .grid .image{height:243px; width:374px; margin-top:40px; margin-bottom:40px; margin-right:0px;}
    section.event .grid article{margin:16px 0px; padding-bottom:24px;}

    footer{margin-top:16px;}
    footer .grid{grid-template-columns:1fr 188px; grid-gap:0px;}
    footer .grid h4{font-weight:700;margin-top:16px;}
    footer .grid div{font-size:1.2rem;margin-bottom:16px;}
    footer .grid .logo{grid-column-start:2; grid-row-start:1; width:188px; height:166px; margin-top:-24px; margin-bottom:0px;}
    footer .grid .logo img{width:100%; height:100%;}
    footer .bar{height:unset;}
    footer .bar .container{padding:8px 0px; text-align:center; line-height:unset;}
    footer .bar .container br:last-of-type{display:unset;}
}

/*mobile m*/
@media only screen and (max-width:375px)
{
    section.intro .grid .image{width:100%; height:200px; margin-top:32px; margin-bottom:24px; margin-right:0px;}
    section.contact .grid .image{width:100%; height:277px; margin-left:auto; margin-right:auto; margin-bottom:0px;}

    section.category{padding-bottom:8px;}
    section.category .container{padding:0px 24px;}
    section.category h1{font-size:2.8rem;margin-bottom:8px; margin-top:16px;}
    section.category p{font-size:1.4rem; margin-bottom:8px;}
    section.category .grid{grid-template-columns: 1fr; grid-gap:16px; padding-top:16px; padding-bottom:16px;}
    section.category .griditem{grid-gap:16px;}
    section.category .griditem .description h3{font-size:2.0rem;margin-top:-4px;}
    section.category .griditem .description p{font-size:1.2rem;}
    section.category .griditem .contact{grid-template-columns:1fr; grid-gap:8px;}
    section.category .griditem .contact .socialbuttons{justify-content:start;}

    section.events{padding-bottom:8px;}
    section.events .container{padding:0px 24px;}
    section.events h1{font-size:2.8rem;margin-bottom:8px; margin-top:16px;}
    section.events p{font-size:1.4rem; margin-bottom:8px;}
    section.events .grid{grid-template-columns: 1fr; grid-gap:16px; padding-top:16px; padding-bottom:16px;}
    section.events .griditem{grid-gap:16px;}
    section.events .griditem .description h3{font-size:2.0rem;margin-top:-4px;}
    section.events .griditem .description p{font-size:1.2rem;}
    section.events .griditem .contact{grid-template-columns:1fr; grid-gap:8px;}
    section.events .griditem .contact .socialbuttons{justify-content:start;}

}

/*mobile s*/
@media only screen and (max-width:320px)
{
    h1{margin-bottom:8px; font-size:2.5rem;}
    body{font-size:1.2rem;}
    section{padding:8px 0px;}

    header{height:88px;}
    header .grid{grid-template-columns:131px 1fr; grid-template-rows:22px 57px;}
    header .grid .logo{width:131px; height:115px; margin-top:-16px; margin-bottom:-16px;}
    header .grid nav.open{top:80px;}
    header .grid .menu{padding-top:15px;}
    
    section.intro .grid .image{height:200px; width:100%; margin-top:24px; margin-bottom:24px; margin-right:0px;}
    section.event .grid .image{height:200px; width:100%; margin-top:24px; margin-bottom:24px; margin-right:0px;}

    section.inventory .grid h2{font-size:2.5rem;}
    section.inventory .grid .product{margin-left:32px; margin-right:32px;}
    section.inventory .grid .product .title{font-size:2.2rem;}

    section.contact .grid{grid-gap:24px;}
    section.contact .grid .title{font-size:2.5rem;}
    section.contact .grid .image{width:100%; height:unset; margin-bottom:0px; margin-top:8px;}

    section.category{padding-bottom:8px;}
    section.category .container{padding:0px 16px;}
    section.category h1{font-size:2.4rem;margin-bottom:8px; margin-top:16px;}
    section.category p{font-size:1.2rem; margin-bottom:0px;}
    section.category .grid{grid-template-columns: 1fr; grid-gap:16px; padding-top:8px; padding-bottom:8px;}
    section.category .griditem{grid-gap:16px;}
    section.category .griditem .description h3{font-size:1.8rem;margin-top:-4px;}
    section.category .griditem .description p{font-size:1.2rem;}
    section.category .griditem .socialbuttons{grid-gap:8px; justify-content:center;}
    section.category .griditem .price{font-size:1.8rem; text-align:center;}

    section.events{padding-bottom:8px;}
    section.events .container{padding:0px 16px;}
    section.events h1{font-size:2.4rem;margin-bottom:8px; margin-top:16px;}
    section.events p{font-size:1.2rem; margin-bottom:0px;}
    section.events .grid{grid-template-columns: 1fr; grid-gap:16px; padding-top:8px; padding-bottom:8px;}
    section.events .griditem{grid-gap:16px;}
    section.events .griditem .description h3{font-size:1.8rem;margin-top:-4px;}
    section.events .griditem .description p{font-size:1.2rem;}
    section.events .griditem .socialbuttons{grid-gap:8px; justify-content:center;}
    section.events .griditem .price{font-size:1.8rem; text-align:center;}

    footer{margin-top:8px;}
    footer .grid{grid-template-columns:1fr 131px; grid-gap:0px;}
    footer .grid h4{margin-top:8px;}
    footer .grid div{font-size:1.2rem; margin-bottom:8px;}
    footer .grid .logo{grid-column-start:2; grid-row-start:1; width:131px; height:115px; margin-top:-10px; margin-bottom:0px;}
    footer .bar .container br{display:unset;}
}