.grid-center{
	justify-content: center
}
.width-two{
	width: 2vh !important
}
#logo img{
	    width: 55px;
    
}
#logo-lottie img{
	width: 200px
}
#quote h6{
	text-align: center;
    position: absolute;
    top: 50%;
    font-size: 25px;
    margin: 0 auto;
    display: block;
    left: 10px;
    right: 0;
}
.god-mode-text {
	font-size: 25px
}
	.circle-text {
  width: 300px;
  height: 250px;
  animation: spin 10s linear infinite;
		margin: 0 auto;
}
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
.circle-wdth{
	width: 50%
}
.contact-circle-text{
	height: 300px
}
.contact-icn{
	    width: 60px;
    text-align: center;
    margin: 0 auto;
    display: block;
    position: absolute;
}
.car-icon g#\37 81 {
    display: none !important;
}

.f-70{
	font-size: 70px
}
.justify-content-center{
	justify-content: center
}
.cb-monogram{
	width: 40px
}
.work-footer-social{
	position: absolute;
	bottom: 0
}
.work-page-section{
	padding: 100px 0
}
.about-tagline .f-70{
	line-height: 90px
}
.f-50{
	font-size: 50px
}
.about-quote h2{
	max-width: 900px;
	margin: 0 auto
}
.about-quote .f-50{
		line-height: 60px
}
#team p{
	    color: #282d35;
}
.w-100{
	width: 100% !important
}
#contact-table h2{
	margin-bottom: 20px;
	font-size: 34px
}
.f-95{
	font-size: 95px;
	line-height: 95px
}
.behind-it-all{
    filter: grayscale(1)
}
#clients{
    padding-bottom: 60px
}
#form_process {
	-webkit-animation-name: spinnerRotate;
	-webkit-animation-duration: 1.1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: spinnerRotate;
	-moz-animation-duration: 1.1s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: spinnerRotate;
	-ms-animation-duration: 1.1s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	display: inline-block;
	margin-left: 10px;
	position: relative;
	visibility: hidden;
	color: #000
}
#error_data {
	color: red;
	font-size: 14px;
	margin: 10px 0 0px;
	line-height: normal
}
.alert.alert-danger p {
	color: #fff;
	background: red;
	border-radius: 24px;
	padding: 10px
}
.alert.alert-danger {
	color: #454545;
	background-color: #ffb4b4;
	padding: 10px 15px;
	font-weight: 700;
	letter-spacing: .5px;
	line-height: 28px
}
.alert.alert-success {
	color: #508e14;
	background: #f0f0f0;
	padding: 10px 15px;
	font-weight: 700;
	letter-spacing: .5px;
	line-height: 28px
}
@-webkit-keyframes spinnerRotate {
from {
-webkit-transform:rotate(0)
}
to {
	-webkit-transform: rotate(360deg)
}
}
@-moz-keyframes spinnerRotate {
from {
-moz-transform:rotate(0)
}
to {
	-moz-transform: rotate(360deg)
}
}
@-ms-keyframes spinnerRotate {
from {
-ms-transform:rotate(0)
}
to {
	-ms-transform: rotate(360deg)
}
}

/*320 - 767*/
@media screen and (max-width: 767px) {
	    .home #hero h1, .home #hero h1 > div:nth-of-type(2) {
        position: relative;
        text-align: center;
        margin: 50px auto 30px;
    }
	.home #hero{
		width: 100%
	}
	.home #hero h1 > div:nth-of-type(2) .f-240{
		font-size: 15vw;
        line-height: .85;
        margin-left: 0;
	}
	.god-mod-title{
		display: block;
		    margin-top: 50px;
    margin-bottom: 50px;
	}
	.circle-wdth {
    width: 100%;
}
	#quote h6{
		left:0
	}
	    .home #contact header .Red {
        font-size: 12vw;
}
	.home #contact .contact-content{
		margin-top: 30px
	}
	.home #contact .contact-icon{
		width: 100%
	}
	#logo img {
    width: 40px;
}
	.f-70{
		line-height: 70px
	}
	footer .footer-top figure{
		    padding-bottom: 35.2083vw;
	}
	footer .footer-links{
		justify-content: center
	}
	.about-tagline .f-70 {
    line-height: 40px;
    font-size: 33px;
}
	.capabilities-page-template .f-95{
		 line-height: 40px;
    font-size: 33px;
	}
	.capabilities .f-70{
		font-size: 33px;
		 line-height: 40px;
	}
	.capabilities .hero.lines{
		margin-top: 0
	}
	    .capabilities #clients .f-220 {
        font-size: 15vw;
    }
	.capabilities #clients .f-140{
		 font-size: 15vw;
	}
	
	}
@media screen and (max-width: 1366px) {
  /* laptop / HD screens */
    .god-mod-title{
		gap:18px
	}
	.god-mod-title div.f-240{
		font-size: 70px !important;
		line-height: 200px !important;
		
	}
	#contact-table h2{
		font-size: 34px
	}
}
@media (min-width: 1280px) and (max-width: 1365px) {
	.god-mod-title{
		gap:18px
	}
	.god-mod-title div.f-240{
		font-size: 75px !important;
		line-height: 200px !important;
		
	}
	#contact-table h2{
		font-size: 34px
	}
	
    
}
@media (min-width: 1366px) and (max-width: 1439px) {
		.god-mod-title{
		gap:18px
	}
	.god-mod-title div{
		font-size: 75px;
		line-height: 350px;
		
	}
	#quote h6{
		left:-2px
	}
	.home #quote > div{
		    height: calc(100vh - 156px - .7vw);
	}
	.contact-circle-text{
		    margin: 0 auto;
	}
	#contact-table h2{
		font-size: 34px
	}
}

@media (min-width: 1440px) and (max-width: 1559px) {
	.god-mod-title{
		gap:18px
	}
	.god-mod-title div{
		font-size: 75px;
		line-height: 350px;
		
	}
	#quote h6{
		left:-4px
	}
	.home #quote > div{
		    height: calc(100vh - 156px - .7vw);
	}
	.contact-circle-text{
		    margin: 0 auto;
	}
	#contact-table h2{
		font-size: 34px
	}
	
}
@media (min-width: 1920px) and (max-width: 5000px) {
	#quote h6{
		left:0
	}
	.god-mod-title{
		gap:35px
	}
	
	.god-mod-title div{
		font-size: 110px;
		line-height: 300px;
		
	}
	#contact-table h2{
		font-size: 40px
	}
	.about #team .team-item{
		min-height: auto
	}
	
}