body{
    overflow: hidden;
}


.containerImageAndText{
    display: flex;
    flex-direction: column;
    justify-content: center;
    justify-items: center;
    align-items: center;
}

.demoLink{
    text-decoration: none;
}

.bigGreenButton{
    background-color: #39b54a;
    border: white 3px solid;
    text-decoration: none;
    color: white;
    border-radius: 20px;
    padding: 15px 30px;
    text-align: center;
    font-weight: normal;
    font-size: 15pt;
    transition: all .5s;
    font-family: Raleway;
    width: 90%;
    box-shadow: 0px 5px 10px rgb(131, 131, 131);
}

.bigGreenButton:hover{
    background-color: #009245;
    transition: all .5s;
}
.yikes-custom-woo-tab-title-demo{
    display: none;
}

.gs-demo-title{
font-family: Raleway;
font-weight: 700;
font-size: 40px;
color: #109239;
text-align: center;
}

.gs-demo-grid2{
display: flex;
justify-content: center;
gap: 8%;
}	

.ventagliDemo{
    width: 400px;;
}

.demoImg{
border-radius: 10px;
border: 3px solid #B8B8B8;
width: 321px;
}

.demoImgAuto{
    border-radius: 10px;
    border: 3px solid #B8B8B8;
    max-width: 200px;
    }

.gs-demo-back {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.gs-demo-back i{
    font-size: 30px;
}

.gs-demo-title {
    font-family: Raleway;
    font-weight: 700;
    font-size: 40px;
    color: #109239;
    text-align: center;
    margin-bottom: 15px;
}

.gs-demo-megacontainer {
    display: flex;
    justify-content: center;
}

.gs-demo-grid3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    text-align: center;
}

.gs-demo-grid4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    text-align: center;
}


.gs-demo-grid5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    text-align: center;
}


.gs-demo-grid3-image {
    max-width: 275px;
}
.gs-demo-grid3-image-border {
    max-width: 275px;
    border: gray 1px solid;
}

@media (max-width: 768px){
    .demoImgAuto {
        max-width: 150px;
      }

.gs-demo-grid-2{
    flex-wrap: wrap;
    row-gap: 50px;
}

.demoImg{
    width: 150px;
}

.gs-demo-back, .gs-demo-back i {
    font-size: 20px;
}

.gs-demo-title {
font-size: 20px;
}

.gs-demo-grid4 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
}


.bigGreenButton{
    padding: 10px 5px;
    font-weight: normal;
    font-size: 12pt;
}


.ventagliDemo{
    width: 300px;;
}
.gs-demo-grid2{
   display: flex;
   flex-direction: column;
   row-gap: 10px;
}

.gs-demo-grid5 {
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
}

.gs-demo-grid3 {
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
}

.gs-demo-grid3-image-border{
    max-width: 150px;
}

.gs-demo-grid3-image {
    max-width: 150px;
}
}