.text{
margin-top:5%;
font-size:20px;
margin-bottom:5%;
text-align:center;
font-family: 'Viga', sans-serif;
}

.painttypes{
padding:10px;
margin-bottom:5%;
text-align:center;
background-color:#f8f9fa;
font-family: 'Hammersmith One', sans-serif;
}


.rowalign{
padding:30px;
margin-top:5%;
margin-bottom:5%;

}

.rowimg{
margin-left:30px;
margin-top:5%;
margin-bottom:5%;
}


.arttext{
margin-top:4%;
text-align:center;
font-family: 'Francois One', sans-serif;
}

.framestxt{
text-align:center;
}


.img:hover {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}



.col1{
margin:auto;
padding-right:0;
padding-left:0;
}


.nametxt{
text-align:center;
padding:10px;
}

.shoptxt{
color:white;
font-size:35px;
font-family: 'Merriweather', serif;
text-align:center;
}


.subtxt{
color:white;
font-size:35px;
margin-top:20px;
font-family: 'Merriweather', serif;
text-align:center;
}

.icon{
padding-top:10px;
padding-left:600px;
height:50px;
margin-top:5%;
background-color:#f8f9fa;
}


.shop{
margin-top:35px;
color:white;
text-align:center;
font-family: 'News Cycle', sans-serif;
}


.slider{
padding-left:0px;
}

.introslide{
width:100%;
background-color:pink;


}

.introslidepad{
height:309px;
}

.catalign{
width:255px;
height:255px;
}

@media only screen and (width: 360px)
	{

.catalign{
width:255px;
height:255px;
margin-left:40px;
}

.mayonpad{
padding-right:60px;
}


}

@media only screen and (width: 375px)
	{
.catalign{
width:255px;
height:255px;
margin-left:44px;
}

.mayonpad{
padding-right:60px;
}

}

@media only screen and (width: 414px)
	{
.catalign{
width:255px;
height:255px;
margin-left:63px;
}

.mayonpad{
padding-right:60px;
}


}