Started working on on CSS / come back to this when I have some time

CSS

/**************************************
1. Main
2. Fancy Background
***************************************/

/**************************************
Style the archive page -- Main
***************************************/
.block{
	border-radius: 2px;
    background-color: white;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
    position: relative;
    background-color: #fff;
  	overflow: hidden;
	   height: 280px;
  	text-align: center;
}


/**************************************
Style the archive page
***************************************/
.post-type-archive-procedure .procedure-types-hidden {
	display: none;
}

/* Make the icons bigger on the archive pages */
.icon-block {
width: 110px !important;
  margin: 34px auto !important;
  font-size: 107px !important;
}

/**************************************
Hide items on the archive page
***************************************/
.post-type-archive .procedure-types-hidden {display: ;}

/**************************************
Brand the player
***************************************/
#fancybox-overlay, .fancybox-lock .fancybox-overlay, .fancybox-overlay-fixed, .fancybox-overlay {
    background-image: url(http://cbomsalt.wpengine.com/wp-content/uploads/Theater-BG-80ops.png) !important;
    background-size: cover !important;
    background-position: left top !important;
}

.fancybox-wrap:before{
  background:url(https://cboms.com/wp-content/uploads/White_Logo.png) no-repeat center center !important;
    content: ".";
    position: relative;
    width: 100%;
    height: 130px;
    z-index: 8040;
    display: block;
    margin-bottom: 20px;
    background-size: contain !important;
}

#fancybox-overlay , .fancybox-lock .fancybox-overlay , .fancybox-overlay-fixed , .fancybox-overlay{
  background-image: url(http://cbomsalt.wpengine.com/wp-content/uploads/Theater-BG-80ops.png) !important;
  background-size: cover !important;
  background-position: left top !important;
}

/**I have no idea why but adding this value makes the images in the iframe not fuzzy**/
.fancybox-wrap {
    position: relative;
}

/**************************************
Remove bullets from the doc page
***************************************/
.single-ctc_person .saved-entry-content  li{
list-style-type: none !important;
}

/**************************************
Remove odd spacing on testimonials page
***************************************/
.single-testimonial.ctfw-no-loop-multiple #saved-content {
   margin-top: .4rem !important;
}

/**************************************
Fancy Background
***************************************/
#fancybox-overlay, .fancybox-lock .fancybox-overlay, .fancybox-overlay-fixed, .fancybox-overlay {
    background-image: url(https://cboms.com/wp-content/uploads/Theater-BG.jpg) !important;
    background-size: cover !important;
    background-position: left top !important;
}

.fancybox-wrap:before{
  background:url(https://cboms.com/wp-content/uploads/White_Logo.png) no-repeat center center !important;
    content: ".";
    position: relative;
    width: 100%;
    height: 130px;
    z-index: 8040;
    display: block;
    margin-bottom: 20px;
    background-size: contain !important;
}

#fancybox-overlay , .fancybox-lock .fancybox-overlay , .fancybox-overlay-fixed , .fancybox-overlay{
  background-image: url(https://cboms.com/wp-content/uploads/Theater-BG.jpg) !important;
  background-size: cover !important;
  background-position: left top !important;
}

/**I have no idea why but adding this value makes the images in the iframe not fuzzy**/
.fancybox-wrap {
    position: relative;
}