ul {
  list-style: disc;
}
.left-align-img {
    float: left;
    padding-right: 7px;
    padding-bottom: 7px;
}
.right-align-img {
    float: right;
    padding-left:7px;
    padding-bottom: 7px;
}
.center-align-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 7px;
    width: 50%;
}
.indent-table {
    margin-left: 40px;
}
.text-align-center {
    text-align: center;
}
.left-col-one {
    float: left;
    width: 50%;
}

.left-col-narrow {
    float: left;
    max-width: 300px;
}
.middle-col-narrow {
    float: left;
    max-width: 300px;
}
.middle-col-one {
    float: left;
    max-width: 300px;
    width: 50%;
}

.middle-col-one-centered {
    float: left;
    text-align: center;
}
.full-width-col {
    float: left;
    width: 100%;
}



 .slab{
    font-family: Roboto;
    margin-left: auto;
    margin-right: auto;
}
 .clive-submit-wrapper{
    text-align:center;

}
  .clive-submit-wrapper .clive-submit{
    background:white;
    color:black;
    border-color:black ;
    border-width:2px;
    text-transform: uppercase;
    width: 30%;
    font-weight: 600;
}

  .clive-submit-wrapper .clive-submit:hover{
    background:black;
    color:white;
    border-color:black ;
    border-width:2px;
    text-transform: uppercase;
    width: 30%;
}

.interior-hero-media img {
    width: 100%;
}

.interior-card-grid-spacing {
    padding: 1.75rem 1rem;
}

.mob-nav-wrap .mob-nav {
    height: 85px;
}

@media (min-width: 62rem){
ul.main-nav li a {
    height: 3rem;
    font-size: 1.225rem;
    }
}
.logo-wrap a.logo img {
    padding-left: 0.75rem;
}

/* include animated icons in card grid */
.iconClass {
    font-size: 6rem;
    text-align: center;
    height: 240px;
    padding-top: 4rem;
    transform: scale(1.0);
    width: 100%;
}

.slab .card-grid .inner .item a i.iconClass:hover{
	transition:all .5s ease-in-out;
	transform:scale(1.5);
	width:100%
}

/*  add in the angled accents that got removed from the Sass */
.slab.angled,.slab.angled-one,.slab.angled-two{
	background-color:#fff;
	z-index:1;
	margin:20px 0
}
@media (min-width:48rem){
	.slab.angled,.slab.angled-one,.slab.angled-two{
		margin:3% 0
	}
}
.slab.angled-one:before,.slab.angled-two:before,.slab.angled:before{
	display:block;
	content:'';
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	transform:skewY(2deg);
	width:100%;
	background:#eee;
	z-index:-1
}
@media (min-width:30rem){
	.slab.angled-one:before,.slab.angled-two:before,.slab.angled:before{
		transform:skewY(2deg)
	}
}
.slab.angled-alt,.slab.angled-one-alt,.slab.angled-two-alt{
	background-color:#fff;
	z-index:1;
	margin:20px 0
}
@media (min-width:48rem){
	.slab.angled-alt,.slab.angled-one-alt,.slab.angled-two-alt{
		margin:9% 0
	}
}
.slab.angled-alt:after,.slab.angled-one-alt:after,.slab.angled-two-alt:after{
	display:block;
	content:'';
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	transform:skewY(-2deg)!important;
	width:100%;
	background:#eee;
	z-index:-1
}
@media (min-width:30rem){
	.slab.angled-alt:after,.slab.angled-one-alt:after,.slab.angled-two-alt:after{
		transform:skewY(2deg)
	}
}
.slab.angled-one:before{
	background-color:#006a4e
}
.slab.angled-two:before{
	background-color:#ffc72c
}
.slab.angled-one-alt:after{
	background-color:#006a4e
}
.slab.angled-two-alt:after{
	background-color:#ffc72c
}