body {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  flex-direction: column;
  height: 100%;
  line-height: 1.4;
  color: #505064;
}

a {
  color: #244796;
  text-decoration: none;
}

a:hover {
  color: #07F;
}


a.invert {
	color: #07F;
}

a.invert:hover {
	color: #244796;
}


a.yellow-hover:hover {
  color: #fdc101;
}

a.text-dark-blue:hover {
  color: #07F;
}

input,
button,
select,
textarea {
  color: #505064;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  line-height: 1.2;
}

.bg-gray {
	background-color: #EEEEEE;
}
.bg-white {
	background-color: #FFFFFF;
}

.clr-default {
	color: #505064;
}

.theme-color {
color: #244796;
}

.text-yellow {
	color: #fdc101;
}
.text-dark-blue {
	color: #244796;
}

.text-blue {
	color: #254396;
}

.text-white {
	color: #FFFFFF;
}

.text-light-gray {
	color: #999;
}
.text-gray {
	color: #505064;
}

.font-smaller {
	font-size: 16px;
}

.font-small {
	font-size: 14px;
}

.font-larger {
	font-size: 20px;
}
.font-large {
	font-size: 24px;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5 { font-family: "GothamProNarrowBold"; }
h1, .h1 { font-size: 60px; }
h2:not(.key-services-subtitle) { font-size: 45px !important; color: #244796; }
.h2 { font-size: 45px; }
h3, .h3 { 
	font-size:36px !important;
	color: #244796;
	margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;

}
h4, .h4 { 
	font-size:24px !important;
	margin-block-start: 1.33em;
    margin-block-end: 1.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
	
}
h5 { font-size:18px; }

.text-white h3, .text-white h2 {
	color: #FFFFFF;
}

@media (max-width: 1170px) {
	h2, .h2 { font-size: 40px; }
	.h1 { font-size: 48px; }	

}

@media (max-width: 768px) {
  .h1 {     font-size: 36px;   }
  h2, .h2 {
    font-size: 30px;
  }
  h3, .h3 {
	font-size: 28px;
  }
}

@media (max-width: 480px) {
  h2, .h2 {
    font-size: 26px;
  }
  h3, .h3 {
	font-size: 24px;
  }
  h4, .h4, .font-large {
	font-size: 20px;
  }
  body {
		font-size: 16px;
  }
}

@media (max-width: 340px) {
  .h1 { font-size: 30px; }
  h2, .h2 {
    font-size: 22px;
  }
  h3, .h3 {
	font-size: 20px;
  }
  h4, .h4, .font-large {
	font-size: 18px;
  }
}


.logo {
  background: url("//www.velvetech.com/images/vvt-logo.svg") no-repeat 0 100%;
  background-size: 100% 100%;
  display: block;
  height: 60px;
  width: 206px;
  outline: none;
}

a.logo:visited {
	outline: none;
}

/* other */
a.phone:before,
.phone a:before,
a.marker:before,
.marker a:before,
a.envelope:before,
.envelope a:before {
  font-family: "FontAwesome";
  margin-right: 10px;
}

a.phone:before,
.phone a:before {
  content: "\f095";
}

a.marker:before,
.marker a:before {
  content: "\f041";
}

a.envelope:before,
.envelope a:before {
  content: "\f0e0";
}




.marker p {
  margin-bottom:0;
  display:inline;
}

.marker p:before {
  font-family: "FontAwesome";
  margin-right: 10px;
}
p.marker:before,
.marker p:before {
  content: "\f041";
}

.marker span:before {
  font-family: "FontAwesome";
  margin-right: 10px;
}
p.marker:before,
.marker span:before {
  content: "\f041";
}

.contact-form .title-before {
	text-align: center;
}