h2 {
	font-size:28px;
}

p {
  text-wrap: pretty;
}

/* Contact Form */ 

#contact{
	.contact-copy {
		color: #fff;
		font-size: 28px;
		line-height: 1.3;
		font-weight: 400;
		margin: 0 0 25px 0;
	}

	p{

		font-weight: 400 !important;
	}


	.big-copy {
	color: white;
	font-size: 28px;
	line-height: 1.3;
	font-weight: 400;
	margin: 0 0 25px 0;
	@media screen and (max-width: 992px) {
		font-size: 22px;
	}
}

		
	.wpcf7 p{
		font-weight: 400;
	}

	.contact-form-holder {
		p{
			font-weight: 400;
		}
		input, textarea, .wpcf7-select {
			&:hover,
			&:focus,
			&:active {
				background: rgba(255, 255, 255, 0.07);
			}
		}
	}
}

#contact .contact-form-holder .wpcf7-select {
			color: #ddd !important;
	}

/* Homepage Cards */ 

#homecards {
    overflow: hidden;
    padding: 75px 0 50px 0 !important;
				@media screen and (max-width: 992px) {
    		padding: 25px 0 50px 0 !important;
	}

	.work-row {
	padding-bottom: 150px;
		@media screen and (max-width: 992px) {
		padding-bottom: 100px;
		}
	}
}

/* Homepage Blog Feed */ 

.blog-post-container-home{
		background: #171a1d;
		border-radius: 15px;
		height:100%;
		overflow: hidden;

	.post-thumbnail {
		overflow: hidden;
		margin-bottom: 25px;
		border-radius: 0 !important;
		
		img {
			aspect-ratio: 4 / 3 !important;
			object-fit: cover;
			object-position: top;
			width: 100%;
			border-radius: 0 !important;
			filter: brightness(0.9)!important;
			transition: all 0.2s ease;
			transform: scale(1);
			&:hover {
				filter: brightness(1) !important;
				transform: scale(1.06) !important;
				transition: all 0.2s ease;
			}
		}
	}

	.post-content {
		border:none !important;
		padding: 0 25px 35px 25px !important;
		h2 {
			margin-bottom: 15px;
			line-height: 1 !important;
		}
		
		h2 a {
			font-family: "Poppins", sans-serif;
			color: #444;
			text-decoration: none;
			font-size: 22px;
			font-weight: 500;
			line-height: 1 !important;
			letter-spacing: 0;
			text-transform: none;

			&:hover {
				color: #ccc !important;
			}
		}

		p {
			font-family: "Poppins", sans-serif;
			color: #666;
			font-size: 16px;
			font-weight: 400;
			line-height: 1.4;
		}
	}
}

.blog-post-container{
		background: #f3f3f3;
		border-radius: 15px;
		height:100%;
		overflow: hidden;

	.post-thumbnail {
		overflow: hidden;
		margin-bottom: 25px;
		border-radius: 0 !important;
		
		img {
			aspect-ratio: 4 / 3 !important;
			object-fit: cover;
			object-position: top;
			width: 100%;
			border-radius: 0 !important;
			filter: brightness(0.9)!important;
			transition: all 0.2s ease;
			transform: scale(1);
			&:hover {
				filter: brightness(1)!important;
				transform: scale(1.06) !important;
				transition: all 0.2s ease;
			}
		}
	}

	.post-content {
		border:none !important;
		padding: 0 25px 35px 25px !important;
		h2 {
			margin-bottom: 15px;
			line-height: 1 !important;
		}
		

		h2 a {
			font-family: "Poppins", sans-serif;
			color: #444;
			text-decoration: none;
			font-size: 22px;	
			font-weight: 500;
			line-height: 0.9 !important;
			letter-spacing: 1;
			text-transform: none;

			&:hover {
				color: #ccc !important;
			}
		}

		p {
			font-family: "Poppins", sans-serif;
			color: #666;
			font-size: 16px;
			font-weight: 400;
			line-height: 1.4;
		}

	}
}

.btn-blog-read {
	position: relative;
	color: white;
	font-family: "Poppins", sans-serif;
	margin-top: 3px;
	font-weight: 500;
	font-size: 16px;
	padding: 0;
	letter-spacing: 1px;
	border:none;
	background: none;
	transition: all 0.2s ease;

}

.btn-blog-read-dark {
	position: relative;
	color: #333 !important;
	font-family: "Poppins", sans-serif;
	margin-top: 3px;
	font-weight: 500;
	font-size: 16px;
	padding: 0;
	letter-spacing: 1px;
	border:none;
	background: none;
	transition: all 0.2s ease;

}

.btn-blog-read-dark {
	position: relative;
	color: white;
	font-family: "Poppins", sans-serif;
	margin-top: 3px;
	font-weight: 500;
	font-size: 16px;
	padding: 0;
	letter-spacing: 1px;
	border:none;
	background: none;
	transition: all 0.2s ease;

}

.hover-underline-animation-dark::after {
    content: "";
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #333;
    transform-origin: bottom left;
    transition: transform .25s ease-out;
    text-decoration: none
}

.hover-underline-animation-dark:hover::after {
    transform: scaleX(1);
    transform-origin: bottom left
}


/* Stretch Link */ 

.stretch-link{
	position: relative;
}

.stretch-link a::after{
	content: '';
	position: absolute;
	inset: 0;
}

/* New Four Peas Header */ 

#fourpeas-header:after{
	background:url(../img/blog-fourpeas-smallbusiness-2.jpg) no-repeat !important;
}

#single-wrapper .widget-area{
padding-left: 50px;
}

#video-header {
	.copy-container {
		margin-bottom: 30px !important;
	}
}

#about {
    padding: 100px 0 85px 0;
		@media screen and (max-width: 992px) {
		padding: 50px 0 10px 0;
		}
}

.post-heading{
	line-height:1.5 !important;
}

/* Services */ 

#why-akaw {
  position: relative;
  display: flex;
  align-items: center;
  text-align: left;
  margin: 100px 0 40px 0;
  @media (max-width: 992px) {
    margin: 50px 20px 0 20px;
  }

	.container{
      @media (min-width: 992px) {
      width: 100%;
      max-width: none;
	  }

	.copy-container {
		padding: 0 50px;
		@media (max-width: 992px) {
		padding: 0;
		margin-bottom: 25px;
		}

		h2,
		.h2 {
			font-size: 30px;
			margin-bottom: 35px;
		}

		.inner-container{
				display:flex !important;
				align-items: start;
				.icon-container {
					padding-top: 10px;
					.bi {
						font-size:30px;
						color: white;
						padding: 5px 10px;
						background: #171a1d;
						border-radius: 10px;
					}
				}

			.sub-container{
				padding-left:20px;

				.sub-heading {
					font-weight: 500;
					text-transform: none;
					margin: 0;
					font-size: 20px;
					color: white;
					}

					.post-heading{
						font-weight: 300;
						margin: 5px 0 30px 0;
						font-size: 18px;
						line-height: 1.5;
						color: #fff;
					}
				}
			}
		}
	}
	
	.image-container-why {
        height: 600px;
        background: #eee;
        border-radius: 0 15px 15px 0;
        background: url(../img/header-reddress.jpg) no-repeat;
        background-size: cover;
        background-position: top center;
        @media (max-width: 992px) {
          border-radius: 15px;
          height: 450px;
        }
      }
	}


.work-numbers-services{
	@media screen and (max-width: 992px) {
		display: none;
	}
}




.header-title {
	font-family: "Bebas Neue", sans-serif;
	font-size: 140px;
	color: white;
	transition: all 0.2s ease;
	line-height: 0.8;
	@media screen and (max-width: 1200px) {
		font-size: 100px;
	}
	@media screen and (max-width: 992px) {
		font-size: 100px;
	}
	@media screen and (max-width: 768px) {
		font-size: 90px;
	}
}

.header-title-home {
	font-family: "Bebas Neue", sans-serif;
	font-size: 140px;
	color: white;
	transition: all 0.2s ease;
	line-height: 0.8;
	@media screen and (max-width: 1200px) {
		font-size: 130px ;
	}
	@media screen and (max-width: 992px) {
		font-size: 120px;
	}
	@media screen and (max-width: 768px) {
		font-size: 100px;
	}
}

#myNav .menu-nav .menu-links {
	padding-top:100px;
}

/* Work */ 

#work{
padding: 50px 16px 25px 16px;

	.collapse-container{

		.collapse-btn{
			padding: 25px 0;


			.bi-2{
				font-size: 25px;
				color: #e9235d;
				transition: all 0.2s ease;
				margin-right: 15px;
			}

			&:hover {
			.bi-2{
				padding-left: 15px;
					transition: all 0.2s ease;
				}
			}
		}
	}
}


.work-row{
	.work-numbers-copy{
		p{
			color:white;
			text-transform: none;
			font-size: 18px;
			font-weight: 300;
			margin-bottom: 35px;
				@media screen and (max-width: 992px) {
			margin-bottom: 20px;
			}
		}
	}
	.work-numbers-copy{
		margin-bottom: 12px;
			@media screen and (max-width: 992px) {
		display: none;
		}
	}

		.work-numbers{
		margin-bottom: 20px;
			@media screen and (max-width: 992px) {
				margin-bottom: 25px;
		}
	}
}

#header, #video-header {
		min-height: 100vh;
		@media screen and (max-width: 768px) {
		padding-bottom:0;
		}

		.copy-container{
			margin-bottom:50px !important;
		}

		.scroll-down{
			@media screen and (max-width: 992px) {
			display:none;
			}
		}
}





.phones-container {
	display: flex;
	align-items: start;
	justify-content: center;
	height: 100%;

	.phone-one {
		z-index: 5;
		width: 275px;


		@media screen and (max-width: 992px) {
		width: 250px;

	}
		@media screen and (max-width: 768px) {
		display: none;
	}

		img {
			position: absolute;
			top: 0px;
			left: 0px;
		}
	}

	.phone-two {
		z-index: 2;
		width: 250px;
		@media screen and (max-width: 992px) {
		display: none;
	}

		img {
			position: absolute;
			top: 25px;
			left: -35px;
		}
	}
}

.x {
	width: 75px;
	margin: 0 10px 5px 10px;
	animation: x 5s infinite;

	@media screen and (max-width: 1200px) {
		width: 60px;
	}

	@media screen and (max-width: 992px) {
		width: 55px;
	}
	@media screen and (max-width: 768px) {
		width: 50px;
	}
}