/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/


.background-primary {
  background-color: #4b5369 !important;
}

.background-secondary {
  background-color: #737146 !important;
}

.p-t-25 {padding-top: 25px;}
.p-t-50 {padding-top: 50px;}
.p-t-100 {padding-top: 100px;}
.p-t-150 {padding-top: 150px;}
.p-t-200 {padding-top: 200px;}
.p-t-300 {padding-top: 300px;}
.p-t-400 {padding-top: 400px;}
.p-t-500 {padding-top: 500px;}


.p-b-25 {padding-bottom: 25px;}
.p-b-50 {padding-bottom: 50px;}
.p-b-100 {padding-bottom: 100px;}
.p-b-200 {padding-bottom: 200px;}
.p-b-300 {padding-bottom: 300px;}
.p-b-400 {padding-bottom: 400px;}
.p-b-500 {padding-bottom: 500px;}

.large-text  { font-size: 70px; font-weight: 800; color: #023b28;}



.dimensions {
  font-size: 1.1em;
  line-height: 1.85714286em;
  font-weight: 500;
  color: grey;
}

.sku {
	font-weight: 800;
	color: #29438e;
	font-size: 40px;
}