@charset "utf-8";
/* CSS Document */

body {height:100%}

.bg-pico-bar {
  background-color: #002c50 !important;
}

.navbar-brand {
    margin-left: 120px;
    padding: 0;
    margin-top: 6px;
    /* position: absolute; */
    z-index: 1000;
    width: 150px;
    height: 60px;
    text-indent: -9999px;
    background: url(../images/PicoTech_Logo.png) no-repeat;
    background-size: contain;
}

.navbar-light .navbar-nav .nav-link {
    color: rgb(255 255 255);
}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
    color: rgb(255 255 255);
}


.footbar p {
    color: #fff;
}


#intro {
/*    background-image: url(/landing-pages/images/Carousel-original.jpg);*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 50vh;
    display: flex;
    align-items: baseline;
}
	
main {padding-top: 0;}

/*
.marketing {margin-top: 50px;}
#car, #truck, #off-highway, #nvh, #veh-man, #software {padding-top:80px}
*/

#digital-socials {
    background: #002c50;
	color: #fff;
}

/*
section {
	padding-top: 2rem;
    padding-bottom: 2rem;
}
*/

.text-style {
	align-self: center;
}

.lead {
    font-size: 1rem!important;
}

.iframe-container{
	  position: relative;
	  width: 100%;
	  padding-bottom: 56.25%; 
	  height: 0;
	}

.iframe-container iframe{
	  position: absolute;
	  top:0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	}

.ml-lg-auto, .mx-lg-auto {
    margin-left: auto !important;
}

.fa-stack {
    display: inline-block;
    height: 1.5em !important;
    line-height: 1.5em !important;
    position: relative;
    vertical-align: middle;
    width: 1.5em !important;
}
.fs-1 {
    font-size: 2rem !important;
}
.pr-lg-5, .px-lg-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
}

.main-raised {
    margin: -300px 30px 0;
    border-radius: 6px;
    box-shadow: 0 16px 24px 2px rgb(0 0 0 / 14%), 0 6px 30px 5px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(0 0 0 / 20%);
	margin-left: 200px;
    margin-right: 200px;
	background: #fff;
    position: relative;
    z-index: 3;
	padding: 30px 70px 30px 70px;
}
.main-raised h1 {color:#002c50 !important; text-align: center; margin-bottom: 20px; font-size: 36px;}
.main-raised p {font-size: 18px !important;}

.apple{float:right;}
.appimage{margin-bottom: 20px;}

@media (max-width: 768px) {/*TABLETS - portrait*/
	.main-raised {
		margin-left: 30px;
    	margin-right: 30px;
	}
	
}
@media (max-width: 426px) {/*MOBILE - portrait*/
	.main-raised {
		margin: -600px -10px 0;
		padding: 30px 30px 30px 30px;
	}
	.main-raised p {font-size: 13px !important;}
	.navbar {
		height: 80px;
		padding-bottom:32px;
/*		padding-top:22px;*/
	}
	.navbar .container-fluid {
		padding-left:0;
	}
	.navbar-toggler {
		margin-top: 15px;
		margin-left: 15px;
    	margin-bottom: 10px;
	}
	.navbar-right>li>a {
		padding-left:10px;
		height:32px !important;
	}
	.navbar-nav li {width:100%;}
}