.article-list .article{
  flex-wrap: wrap;
  border-width: 2px;
  margin-bottom: 20px;
padding: 10px;
  border-radius: 0.6em;
  background-color: #F7DBA1;
}
.art-article img
{
  border-width: 2px;
  margin: 5px 5px 5px 5px;
    border-radius: 0.6em;
}

.layout-boxed .body-innerwrapper{
	max-width: 900px;
}

.rightflex {
  display: flex;
  justify-content: right;
}

#sp-main-body {
    padding: 1px 0;
}

.sp-megamenu-parent {
	padding: revert;
	margin: auto;
}
#sp-bottom .sp-module {
    margin-bottom: 1px;
}

#sp-bottom {
    padding: 15px 0 15px;

    line-height: 1;
}

.container {
    padding-left: 10px;
    padding-right: 10px;
}

.shitballz {
  min-width: 405px;}

  .demo-bg{
background: #ffac0c;

}
.business-hours {
background: #222; 
padding: 40px 14px;
margin-top: 1px;
position: relative;
}

.business-hours .title {
font-size: 20px;
color: #BBB;
text-transform: uppercase;
padding-left: 5px;
border-left: 4px solid #ffac0c; 
}
.business-hours li {
color: #888;
line-height: 30px;
border-bottom: 1px solid #333; 
  line-height: 28px;
}
.business-hours li:last-child {
border-bottom: none; 
}
.business-hours .opening-hours li.today {
color: #ffac0c; 
}


body {
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 900%;
	animation: gradient 15s ease infinite;
	height: 100vh;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
#sp-left .sp-module, #sp-right .sp-module {

    padding: 1px;
    border-radius: 3px;
}
  .demo2-bg{
background: #ffac0c;

}

.pricing {
background: #222; 
padding: 40px 10px 42px 10px;
margin-top: 1px;
position: relative;

}

.pricing .title {
font-size: 20px;
color: #BBB;
text-transform: uppercase;
padding-left: 5px;
border-left: 4px solid #ffac0c; 
}
.pricing li {
font-size: 12px;
color: #888;
line-height: 25px;

}
.pricing li:last-child {
border-bottom: none; 
}

#sp-left .sp-module ul > li, #sp-right .sp-module ul > li {

    border-bottom: 0px solid #f3f3f3;
        border-bottom-color: rgb(243, 243, 243);
        border-bottom-style: solid;
  border-bottom-width: 0px;}


.bottomdisplay {
color: #888;
background: #f4f7a6; 
}

.bottomdisplay li {

background-color: thistle;
  border-radius: 0.6em;
  cursor: pointer;
  display: flex;
  align-self: center;
  line-height: 1;
  margin: 3px;
  padding: .5em .5em;
  text-decoration: none;
  text-align: center;


}
.nav{  justify-content: center;}

.navbar-toggler:focus {
    box-shadow: 0 0 0 .1rem;}
.navbar-toggler {

background-color: thistle;
border: 2px solid violet;
}


.btn {
  flex: 1 1 auto;
  margin: 10px;
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
  transition: 0.5s;
  background: linear-gradient(90deg, var(--c1, #f6d365), var(--c2, #fda085) 51%, var(--c1, #f6d365)) var(--x, 0)/ 200%;
  color: white;
 /* text-shadow: 0px 0px 10px rgba(0,0,0,0.2);*/
  box-shadow: 0 0 20px #eee;
  border-radius: 10px;
 }

/* Demo Stuff End -> */

/* <- Magic Stuff Start */

.btn:hover { --x: 100%; }

.btn-1 {
  --c1: #f6d365;
  --c2: #fda085;
}

.btn-2 {
  --c1: #fbc2eb;
  --c2: #a6c1ee;
}

.btn-3 {
  --c1: #84fab0;
  --c2: #8fd3f4;
}

.btn-4 {
  --c1: #a1c4fd;
  --c2: #c2e9fb;
}

.btn-5 {
  --c1: #ffecd2;
  --c2: #fcb69f;
}

/* Magic Stuff End -> */

.sp-module ul > li > a {
  margin-right: 20px;
}
img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0px 10px 0px 10px;
}