﻿
h1.light, h2.light, h3.light, h4.light, h5.light, h6.light { color: #ea1a6c !important; }
p{ font-size: 18px !important; line-height: 150% !important;}

.nav-menu-inner a:hover{ color: #333 !important; }
.dropdown a:hover{ color: #dc0445 !important; }
.soft-shadow{ text-shadow: 5px 5px 5px #000000 !important; }
.intro-gradient{ background: rgba(171,0,91,1);
background: -moz-linear-gradient(-45deg, rgba(171,0,91,1) 0%, rgba(171,0,91,1) 39%, rgba(255,137,94,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(171,0,91,1)), color-stop(39%, rgba(171,0,91,1)), color-stop(100%, rgba(255,137,94,1)));
background: -webkit-linear-gradient(-45deg, rgba(171,0,91,1) 0%, rgba(171,0,91,1) 39%, rgba(255,137,94,1) 100%);
background: -o-linear-gradient(-45deg, rgba(171,0,91,1) 0%, rgba(171,0,91,1) 39%, rgba(255,137,94,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(171,0,91,1) 0%, rgba(171,0,91,1) 39%, rgba(255,137,94,1) 100%);
background: linear-gradient(135deg, rgba(171,0,91,1) 0%, rgba(171,0,91,1) 39%, rgba(255,137,94,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab005b', endColorstr='#ff895e', GradientType=1 );

}
.logo {width: 20%; border: 0px solid white !important;}
.header .logo a { width: 100% !important; border: 0px solid green; }
.header .logo a img{ width: 80% !important; border: 0px solid blue; }
.header-fixed .logo a { width: 100% !important; }
.header-fixed .logo a img{ width: 70% !important; border: 0px solid blue; }

.inner-intro .container h2 { font-weight: normal; }
.pattern{ width: 100%; height: 100%; position: absolute; z-index:1; top: 0px; left:0px; background-image: url('../images/pattern_repeat.png') !important;}
.intro-gradient .container{ position: relative; z-index: 10; }

.pink{color:#dc0445 !important;}

.color-overlay{ background: rgba(204,0,102, 0.65); height: 530px; height: 530px; position: relative; z-index:3; mix-blend-mode: normal;}
.color-overlay h5 {margin-top: 30px; font-weight: 200;}
.color-overlay h1{ font-size: 50px; text-transform: none; font-weight: 300; line-height: 130%;}
#about .h4 { font-size:36px !important; line-height: 130%; }
#about .lead{ font-size: 28px !important; line-height: 140%;}

.solutions-menu li a {font-size:18px !important; margin: 7px 0px 0px 0px; color:#666;}
.solutions{ margin:30px 0px 0px 0px;}
.solutions li {font-size:18px !important; margin: 18px 0px 0px 0px; color:#666;}

@media (max-width: 480px) {
	.logo {width: 55%; border: 0px solid white;}
	.header .logo a { width: 90% !important; border: 0px solid green; }
	.header .logo a img{ width:100% !important; border: 0px solid blue; }
	.header-fixed .logo a { margin: 20px 0px 0px 0px !important; border: 0px solid red;  }
	.inner-intro{ height: 80px !important; border: 0px solid !important;}
	.inner-intro .container{margin: 0px !important; padding: 0px !important; border: 0px solid yellow !important;}
	.inner-intro .container .row{margin: 0px !important; padding: 0px !important;}

	.color-overlay h1{ font-size: 36px; text-transform: none; font-weight: 300; line-height: 130%;}
	#about .h3 { font-size:28px !important; line-height: 130%; }
	#about .h4 { font-size:26px !important; line-height: 130%; }
	#about .lead{ font-size: 24px; line-height: 170%;}

	.mob-t-m-30{margin-top:30px !important;}
}



