.container {
	padding-left: 10px;
	padding-right: 10px;
}
body.home #masthead {
	height: 100vh !important;
}
#masthead #big-video-image {
    height: 100vh;
    object-fit: cover;
}

/* Reduce padding for long words that cant break */
@media screen and (max-width: 950px) {
	#services-list .service {
		padding: 15px;
	}
}

/* Split to 4 */
@media screen and (max-width: 900px) {
	#services-list .service {
		width: 100%;
	}
	#services-list .service-container {
		width: 23.548%;
	}
	#services-list .service-container:nth-child(6n+1) {
		clear: unset;
	}
	#services-list .service-container:nth-child(6n) {
		margin-right: 1.9355953897%;
	}
	#services-list .service-container:nth-child(4n) {
		margin-right: 0;
	}	
	
}

/* Split to 3 */
@media screen and (max-width: 600px) {
	body, html {
		overflow-x: hidden;
	}
	#services-list .service {
		width: 100%;
	}
	#services-list .service-container {
		width: 32.041%;
	}
	#services-list .service-container:nth-child(4n) {
		margin-right: 1.9355953897%;
	}		
	#services-list .service-container:nth-child(3n) {
		margin-right: 0;
	}	
	.site-footer .site-links .column {
		width: 48.04294%;
	}
	#services-list .service h2 {
		padding: 0px 5px;
	}
	
	
}

/* Handle the 421 break */
@media screen and (max-width: 421px) {
	#services-list .service .figure {
		width: 100%;
		padding: 0px 0px 10px 0px;
	}
	#services-list .service h2 {
		text-align: center;
		line-height: 14px;
		margin: 15px auto 15px auto !important;
		width: 100%;
		min-height: 28px;
	}
	#services-list .service .figure img {
		display: block;
		margin: 0 auto !important;
		width: 80px;
	}
}

/* Split to 2 */
@media screen and (max-width: 420px) {
	#services-list .service-container {
		width: 49.032%;
	}
	#services-list .service-container:nth-child(3n) {
		margin-right: 1.9355953897%;
	}		
	#services-list .service-container:nth-child(2n) {
		margin-right: 0;
	}	
	
}.yd-service {
  float: left;
    display: block;
    margin-right: 1.9355953897%;
    width: 100%;
    -webkit-transition: border 0.05s linear;
    -moz-transition: border 0.05s linear;
    transition: border 0.05s linear;
    background: #fff;
    border: 5px solid #fff;
    border-radius: 10px;
    margin-bottom: 1.25em; }


   .yd-service:hover {
    -webkit-transition: border 0.1s linear;
    -moz-transition: border 0.1s linear;
    transition: border 0.1s linear;
    border: 5px solid #fac019; }
   .yd-service .entry-title{
    font-size: 20px; }
  .yd-service .entry-summary {
    float: left;
    display: block;
    margin-right: 1.9355953897%;
    width: 66.0214682034%;
    color: #000;
    padding: 1.25em;
    padding-bottom: 0; }
   
   
     .yd-service .ages {
      background: #fac019;
      color: #1d1d1d;
      font-size: 16px;
      font-weight: bold;
      padding: 1.25em 4px; }
   
      body .yd-service .entry-secondary, body.archive .service .entry-secondary {
        float: left;
        display: block;
        margin-right: 1.9355953897%;
        width: 23.5483034577%;
        margin-left: 8.4946329491%;
        margin-right: 0;
        padding: 1.25em;
        text-align: center;
    }