/* content, then rails (on small screens) */
@media (max-width: 767px) {
  .content-main > .container > .row {
    display: flex;
    flex-direction: column;
  }
  .content-main > .container > .row > .col-sm-2,
  .content-main > .container > .row > .col-sm-3 {
    order: 2;
  }
}

/*Content box text align */
.content-box {
    text-align: center !important;
}
/*Center Price */
.price {
    text-align: center !important;
}
/*Center Buy Button, .btn */
.buy-button {
    text-align: center !important;
}
/*align text in description */
.description {
    text-align: center !important;
/*resize calendar font*/
}
#mtk-pagewrapper .calendar-list .list-event {
  	Font-size: 12px;
}
/*add padding to header*/
.right-header {
  		Padding-right: 30px
}
/*centers text on calander page*/
.calendar-event-page {
  		text-align: center
}
/*centers H1 class text on calendar page*/
.calendar-event-page h1 {
  		text-align: center
}    
/*padding within (faq) table cells*/
.mtk-content-wrapper H3 {
  padding:10px 20px
}
/*Resposive iframe*/
.iframe-container {
  overflow: hidden;
  /* 16:9 aspect ratio */
  padding-top: 56.25%;
  position: relative;
}
.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}
/*resizes font in special notes*/
.mtk-std-form .special_notes {
    font-size: 16px;
} 

#mtk-pagewrapper .banner .inner-banner .wrap {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  max-width: unset !important;
}