/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

p {
  margin-bottom: 10px !important;
}

#content ul, #content ol {
  padding-left: 1rem;
}


.product .col-md-6 {
  align-self: center;
  padding: 0 30px;
}


p:last-child {
  margin: 0;
}


.product {
  padding-top: 20px;
  padding-bottom: 20px;
}


.prod-bullets .col-md-5, .prod-bullets .col-md-3 {
  border: 1px solid #eee;
  padding: 30px;
}
.prod-bullets ul {
  margin: 0;
}


footer a:hover {
  color: #fff !important;
  text-decoration: underline !important;
}


html .cog-label, :root:root:root:root:root .cog-label {
  font-family: "Playfair Display",serif !important;
  font-size: 18px !important;;
  color: #333 !important;;
}
.cog-abuse.cog-wrapper, .cog-branding.cog-branding--minimal {
  display: none !important;
}

.el-button.cog-button--has-status.cog-button--primary.cog-button--navigation.cog-button--submit.el-button--default.cog-button {
  background: #a34343 !important;
  border-color: #a34343 !important;
  font-size: 18px !important;
  font-family: "Inter",sans-serif !important;
  padding: 10px 40px !important;
}

a[href^="tel"] {
  color: inherit; 
  text-decoration: none;
 
}

@media only screen and (max-width: 767px) {

.prod-bullets .col-md-5.mx-auto {
  margin: 10px auto !important;
}

.product img {
  margin-top: 20px;
}	
	
	
}

@media only screen and (min-width: 992px) {
#logo {
  width: 100%;
  margin-top: 20px;
}
}
@media only screen and (min-width: 1200px) {
#logo {
  width: auto;
  margin-top: 0px;
}
}