@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600,700,900);


body {
    width: 100%;
    height: 100%;
    font-family: 'Source Sans Pro',Arial,Helvetica,sans-serif;
}

html {
    width: 100%;
    height: 100%;
}



.navbar-custom {
    margin-bottom: 0;
    text-transform: uppercase;
	background:#fff;
	
}

a, a:hover{text-decoration:none;}


.navbar-custom .navbar-brand {
    background:url(../images/logo.jpg);
	width:256px;
	height:148px;
	outline:none;
}



.navbar-custom .navbar-brand:focus {
    outline: 0;
}



.navbar-custom .navbar-brand .navbar-toggle:focus,
.navbar-custom .navbar-brand .navbar-toggle:active {
    outline: 0;
}

.navbar-custom a {
    color:white;
}



.navbar-custom .nav li a {
	font-size:17px;
	margin:15px 10px 0 6px;
	padding:10px;
	
}

.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li a.active {
   outline: 0;
   border-bottom: 1px dotted #fff618;
   color:#fff618;
   background:none;
   
}

@media(min-width:767px) {
    .navbar {
        padding: 10px 0;
        border-bottom: 0;
        letter-spacing: 1px;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
		background:#fff;
    }

    .top-nav-collapse {
        padding:10px 0 10px;
    }

   
}

header {
    width: 100%;
    padding: 200px 0 0px 0;
    background:url(../images/cargo.jpg) no-repeat;
	background-size:cover;
}



header h1{
		color:#fff;
		font-size:45px;
		font-weight:bold;
		font-weight:900;
		margin-top:25px;
}

header h2{
		color:#000;
		font-size:28px;
		font-weight:bold;
		font-weight:900;
		margin-top:5px;
}

header h3{
		color:#ea00ff;
		font-size:40px;
		font-weight:bold;
		font-weight:900;
		margin-top:75px;
		
}

.blue{color:#015ffb;}




#banner{
	background:#ea00ff;
	padding:10px 0 10px 0;
	
}

#banner h4 {
	color:#fff;
	font-size:35px;
	font-weight:900;
}

#banner p{
	color:#fff;
	font-size:35px;
	font-weight:900;
	padding-bottom:15px;
}



#subbanner{
	background:#ea00ff;
	padding:10px 0 10px 0;
	margin-top:135px;
}

#subbanner h4 {
	color:#fff;
	font-size:35px;
	font-weight:900;
}


.pad-fix{margin-top:20px;}

section{
	margin:50px auto;
	
}
section p{
	font-size:20px;
	
}


#bg2{
	background:url(../images/lab.jpg) no-repeat;
	max-width: 100%;
	background-size: 100% 100%;
	height:450px;
	
	
}

#bg2 h1{
	font-size:59px;
	color:#f7f36b;
	font-weight:900;
}

#bg2 h3{
	font-size:30px;
	color:#f7f36b;
	font-weight:600;
}

#bg2 p{
	color:white;
	font-size:14px;
	line-height:15pt;
}

#bg2 b{font-size:18px; color:#f7f36b;}



/*text styles*/

h1{
	font-size:43px;
	color:#a10447;
	font-weight:800;
}

h2{
	color:#fd0225;
	font-size:35px;
	font-weight:900;
}

h4{
	color:#a10447;
	font-size:25px;
	font-weight:600;
}

p{
	font-size:19px;
	color:#212121;
	letter-spacing:0.5px;
	line-height:20pt;
	
}

.red{
	color:#fd0225;
}


footer{
	padding:10px 0 10px 0;
	text-align:center;
	background:#313131;
	color:white;
}

footer a{
	font-size:13px ;
	color:white;
}

footer a:hover{
	text-decoration:underline;
	color:white;
}

footer small{
}

footer p{
	color:white;
	font-size:13px;
	line-height:13pt;
}


		




@media (max-width:1030px){
	header{    background-position: 50%;}
	
}



@media (max-width:770px){
	.navbar-custom .nav li a{font-size:15px;}
	header{padding-top:100px;}
	.bg-head {margin-top: 49px;}
	.bottletop{margin-top:178px;}
	#bg2{    background-size: cover;}
	#subpage{padding-top:180px;}
}

@media (max-width:670px){
	
	.navbar-custom .nav li a{
		margin:0;
	}
	
	header {
    background-position: 72%;
}

.navbar-custom .navbar-brand {
    background:url(../images/logo-xs.png);
	width:136px;
	height:70px;
	    margin: 10px;
}
	
	header h1{
		font-size:45px;
		margin-left:0px;
	}
	
	.bg-head{
		margin-top: 0px;
    background:rgba(255,255,255,0.8);
    border-radius: 8px;
	text-align:center;
	}
	




p, #bg2 p{
	font-size:16px;
	line-height:18pt;
}

#bg2 h1 {font-size: 45px;}

#bg2 h3{font-size:20px;}







}


