/*===================================================================================*/
/*	CUSTOM CSS STYLES
/*===================================================================================*/

/* Insert your own styles in here! */


/*===================================================================================*/
/*	TYPOGRAPHY
/*===================================================================================*/
ul.contacts li {
	margin-bottom: 15px; /* 5px */
}
h1 span,
h2 span,
h3 span {
	font-weight:400;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 800; /* 700 */
				letter-spacing: 0.0125em; /* 0.025em */
}
.text-left-center {
text-align:left;
}
@media (min-width: 1024px) {
.text-left-center {
text-align:center;
}
}

/* For better SEO, add the h1 class instead of using the h1 tag everywhere. */
.h1 {
    font-size: 44px;
    line-height: 130%;
    margin-bottom: 25px;
				font-weight: 700;
}
@media (max-width: 767px) {
.h1 {
    font-size: 33px;
    line-height: 120%;
    margin-bottom: 20px;
				font-weight: 700;
	}
	}

/*===================================================================================*/
/*	HEADER
/*===================================================================================*/

.navbar-brand img {
	height: 80px; /* 40px */
}
@media (max-width: 1024px) {
.navbar-header {
	height: 130px; /* added */
}
}

/*===================================================================================*/
/*	FA ICONS
/*===================================================================================*/
.fa.tint-color {
	color: #cc3333;
}

/*===================================================================================*/
/*	SOCIAL ICONS
/*===================================================================================*/
.social a .icon-s-facebook:after,
.social a .icon-s-linkedin:after {
    background: #cc3333;
}

/*===================================================================================*/
/*	HERO
/*===================================================================================*/

#hero h1 {
	font-size: 44px; /* 78px */
}
@media (max-width: 767px) {
	#hero h1 {
		font-size: 38px;
	}
}
@media (min-width: 768px) and (max-height: 1024px) {
	#hero h1 {
		font-size: 44px;
	}
}

/*===================================================================================*/
/*	OWL CAROUSEL
/*===================================================================================*/

#owl-main .caption.text-center {
	padding-left: 1%; /* 10% */
	padding-right: 1%; /* 10% */
}

/*===================================================================================*/
/*	SERVICES & PROJECTS
/*===================================================================================*/

.gallery-image {
	padding-bottom: 20px;
}

/*===================================================================================*/
/*	IMAGES PREVIOUSLY IN IPAD SCREEN
/*===================================================================================*/

.screen-container {
	background: none;
	overflow: hidden;
}
.screen-container:before {
	padding-top: 60%; /* 47% */
}
.screen-container .tab-content {
	padding: 0% 0%; /* 5% 4.5% */
}

/*===================================================================================*/
/*	FOOTER
/*===================================================================================*/

footer .logo {
	height: 60px; /* auto */
}

/*===================================================================================*/
/*	RESPONSIVE VIDEO
/*===================================================================================*/

.flex-video {
  position: relative;
  padding-top: 0px;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 0px;
  overflow: hidden;
}
.flex-video iframe,
.flex-video object,
.flex-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}