*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body{
    background-color: #8ab5fd;
    background-size: cover;
    background-attachment: fixed;
    background-image: url(./img/imgGif/_25_animated-gifs-bubbles-wallpaperCom.gif);
    font-family: 'Righteous', cursive;
}
.main {
    padding-top: 2rem;
    padding-left: 10rem;
    padding-right: 10rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}


h6{color: black; text-align: right; font-size: 15px;}

.Main-hedding h1, h3, .services, .xmasie{
    padding-top: 2rem;
    font-family: 'Righteous', cursive;
    letter-spacing: 3px;
    font-size: calc(1vw + 1rem);
    -webkit-text-stroke: 1.3px rgb(218, 47, 47);
    background: linear-gradient(to right, #f00,#ff0,#0ff,#ecd98b,#f5524c);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.Main-hedding h1{
    /* Override h1 font size(change font-size-only)*/
    font-size: calc(1vw + 4rem);
    z-index: 100;
    }
.xmasopening {
    padding: 0;
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.xmasopening img {
    padding: 0;
    margin: 0;
    width: 80%;
    height: auto;
    display: block;
}

.shop-times {
    padding: 1rem 0 3rem 0;
    width: max-content;
    font-size: calc(1vw + 1.5rem);
    color: black;
}

.washing-machen-giff img{
    height: 15rem;
}
.shop-address{
    padding: 3rem 0 1rem 0;
    font-size: calc(1vw + 1.5rem);
    color: #000;
}
.facebook-icon{padding-top: 2rem;}
.facebook-icon img{
    height: 5rem;
}

.google-map{padding-top: 1.5rem;}
.google-map, iframe{
     color: black;
     border-radius: 10px;
    }

.left-strip{
    position: absolute; left:0; top: 0;
    display: flex; flex-direction: column;
    z-index: -100;
}
.right-strip{
    position: absolute; right:0; top: 0;
    display: flex; flex-direction: column;
    z-index: -100;
}
.horizontal-icons-1{
    width: 80vw;
}
.xmasie{
    font-size: calc(1vw + 2rem);
}


@media only screen and (max-width: 750px) {
    .main {
        padding-top: 1rem;
        padding-left: 5rem;
        padding-right: 5rem;
    }
    .Main-hedding h1, h3, .services{
        padding-top: 1rem;
        letter-spacing: 1.2px;
        font-size: calc(1vw + .8rem);
}
.Main-hedding h1{
    /* Override h1 font size(change font-size-only)*/
    font-size: calc(1vw + 1.5rem);
}

.xmasopening img{
    width: 80%;
}
.shop-times{
    font-size: calc(1vw + .6rem);
    font-family:Georgia, 'Times New Roman', Times, serif;
}

.xmasie{
    font-size: calc(1vw + 1rem);
}
.shop-address{
    font-size: calc(1vw + .9rem);
}

.horizontal-icons-1 img{
    padding-top: 1rem;
    height: calc(1vw + 3rem);
}
.google-map{
    font-size: calc(1vw + 1.5rem);
}
.left-strip img{
    height: calc(1vw + 3rem);
    width: calc(1vh + 2rem);
}
.right-strip img{
    height: calc(1vw + 3rem);
    width: calc(1vh + 2rem);
}

}