/*
@font-face {
	font-family: 'Stratum2';
	src: url('fonts/stratum2-bold-webfont.eot');
	src: url('fonts/stratum2-bold-webfont.woff') format('woff2'),
	     url('fonts/stratum2-bold-webfont.ttf') format('truetype');
}
*/		
			body {
				font-family:"Lato",sans-serif;
				position: relative;																											
			}
			
			p {
				margin-top:10px;
			}
			
			header {
background-image:url(cbl-web-yourdata-christmas-naughtynice-2020-1900x1267-plain-comp.jpg);
				background-repeat: no-repeat;
				background-attachment: scroll;
				background-position: center center;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				background-size: cover;
				-o-background-size: cover;
				text-align: center;
				color: #fff;
			}
			
			header #tagline {
			
				padding-top: 25vh;
				padding-bottom: 10vh;
			}

			div#tagline h1 {
				font-weight: 700;
			}
			header #taglineint {
				padding-top: 200px;
				padding-bottom: 100px;
				font-weight: 700;
			}
			
			.img-fluidie {width: 100% \9; }
			
			a.navbar-brand img {
				max-height:9vh;
			}
			
			.navbar-default{
			  background:transparent;
			  background-image:none;
			  border-color:transparent;
			  box-shadow:none;
			}
			
			.navbar-toggler { color:#fff; }
			
			a.nav-item.nav-link,a.nav-link.dropdown-toggle {
				color:#ffffff;
				font-weight:bold; 	    
			}
			.dropdown-item:focus, .dropdown-item:hover {
				color: #ffffff;
				text-decoration: none;
				background-color: #5a2ebf;
				background:linear-gradient(to bottom, #5a2ebf, #3d1f82);
			}
			
			.bg-light {
				color: #373a3c!important;
				background-color: #fff!important;
				display:inline-block;
				padding: .5rem .5rem;
			}
			
			.material-icons.md-60 { font-size: 60px;}
			
			section.container#data-recovery-panels {
				padding:30px;
			}
			
			section#data-recovery-panels a,div#data-recovery-icons a {color: #373a3c;}

			section h1,section h2,section h3, div#taglineint h2, div#tagline h2 {
				color: #fff;
				text-transform: uppercase;
				padding: 6px 6px;
				display: inline;
				background-color: #2a1559;
				box-shadow: 11px 0 0 #2a1559, -11px 0 0 #2a1559;
				font-weight:700;
				line-height:50px;
				box-decoration-break:clone;
			}

			span#typer {
			    margin: 11px;
			    color: #fff;
			    /* text-transform: uppercase; */
			    padding: 6px 6px;
			    display: inline;
			    background-color: #2a1559;
			    box-shadow: 5px 0 0 #2a1559, -5px 0 0 #2a1559;
			    font-weight: inherit;
			    line-height: 50px;
			}

/*
			h1.typewriter span.yourrecovered {
				text-shadow: 0 0 5px #fff,0 0 10px #8049ff, 0 0 5px #8049ff;
			}
*/	



.font-stratum2 {
  font-family: "Stratum2","Lato",sans-serif;
}


                        div#tagline h2.canada150 {
                                color: #cb203c;
				text-transform:none;
                                padding: 6px 6px;
                                display: inline;
                                background-color: #fff;
                                box-shadow: 11px 0 0 #fff, -11px 0 0 #fff;
                                font-weight:700;
                                line-height:50px;
                                box-decoration-break:clone;
                        }

			div#taglineint h3 {
				color: #fff;
				padding: 0 10px 4px;
				display: inline;
				background-color: #3d1f82;
				box-shadow: 11px 0 0 #3d1f82, -11px 0 0 #3d1f82;
				line-height:40px;
			}
			
			div#actionbox a.h5 {
				color: #fff;
				text-transform: uppercase;
				padding: 10px 10px;
				display: block;
				font-weight:700;
				line-height:25px;
			}
			
			div#actionbox h3 { margin:11px;}
			
			div#actionbox div.list-group {
				margin-top:10px;
			}
			
			div#actionbox div.list-group a {
				margin-bottom:7px;
			}
			
			div#actionbox .fa {
					padding-right: 0.2rem;
			}
			h2.titleint {
				color: #3d1f82;
				background-color:white;
				-webkit-box-shadow: none;
				-moz-box-shadow: none;
				box-shadow: none;
				text-transform:none;
				display:block;
				line-height:inherit;
				font-size:2rem;
			}			
			
			section#nodatanocharge {
				background-image:url(/assets/dna5/lab-drive-1900x800.jpg);
				background-repeat: no-repeat;
				background-attachment: scroll;
				background-position: center center;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				background-size: cover;
				-o-background-size: cover;
			}
			section#whycbl {
				background-image:url(/assets/dna5/frontdesk-signage-1900x.jpg);
				background-repeat: no-repeat;
				background-attachment: scroll;
				background-position: center left;
				background-size: cover;
			}
			
			div#cardquote {
				background-color:rgba(154, 137, 204, 0.3);
			}
			
			section#locationsmap {
				
/*
background-image:url(http://api.tiles.mapbox.com/v4/chrisarchitect.j043fj71/-93.374,57.681,4/1280x600.png?access_token=pk.eyJ1IjoiY2hyaXNhcmNoaXRlY3QiLCJhIjoiXy00WEJaUSJ9.jsL4Zv8VG9KkV05cYed6mA);
*/
background-image:url(//api.mapbox.com/styles/v1/chrisarchitect/ciylui5io00492sp9gza34o1a/static/-88.773891,57.040618,3.20,0.00,0.00/1280x640?access_token=pk.eyJ1IjoiY2hyaXNhcmNoaXRlY3QiLCJhIjoiXy00WEJaUSJ9.jsL4Zv8VG9KkV05cYed6mA);

				
				background-repeat: no-repeat;
				background-attachment: scroll;
				background-position: bottom center;
				background-color: #9a89cd;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				background-size: cover;
				-o-background-size: cover;
			}
			section#aboutfooter {
				background:linear-gradient(to bottom,#e8f1f3,white);
			}
			
			section.articlecontent div.articlebody img {
				max-width: 100%;
				height: auto;
			}

/* Only show invalid ring while not focused */
input:not(:focus):not(:placeholder-shown):invalid {
	border-color: red;
}		
input:not(:focus):not(:placeholder-shown):valid {
  border-color: rgba(0, 0, 0, 0.15);
}
			@media (min-width: 768px) {
				.navbar-default {
					background-color: transparent;
					color: #fff;
				}
				
				
				header #tagline {
/* 
					padding-top: 550px;
*/
					padding-bottom: 15vh;
				}

				div#tagline h1.typewriter {
					padding-bottom: 200px;
					font-size: 3rem;
				}

				header #taglineint {
					padding-top: 35vh;
					padding-bottom: 10vh;
				}
				
				h1, h2, h3, h4, h5, h6 {
					margin-bottom: 1rem;
				}
				
				section {
					padding:100px;
				}
				
				section#locationsmap div#majorcities {
					padding-top:100px;
					padding-bottom:200px;
				}
				

				
			}	
			
			
			@media (max-width: 543px) {
				a.navbar-brand img {
					/* max-height:45px; */
					max-height:55px;
				}
				.navbar-default {
					background-color: #2a1559!important;
				}

				h1.typewriter {font-size: 1rem; padding-bottom:100px;}

				header#taglineint {
					padding-top: 200px;
					padding-bottom: 100px;
				}
				section h1,section h2,section h3 {
					line-height:1.25em;
				}
				section {
					padding:75px;
				}
				
				section.articlecontent div.articlebody img {
					display: block;
				}
				
				div#actionbox {
					text-align:center;
					margin-bottom:75px;
				}
				
				section#whycbl {
					-webkit-background-size: cover;
					-moz-background-size: cover;
					background-size: cover;
					-o-background-size: cover;
				}
				div#cardquote {
					background-color:rgba(154, 137, 204, 1);
				}
				header {
                                        background-position: center;
                                }
			}	

@media (min-width: 992px) {

	a.navbar-brand img {
		max-height:9vh;
	}
}
@media (min-width: 1200px) {
	a.navbar-brand img {
		max-height:13vh;
	}
}