/* -- TEMPLATE STYLES --*/
body{ font-family:"futura-book",arial,sans-serif; background:#F60; line-height:1.55em; font-size:16px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{	font-family:"futura-bold", Arial, sans-serif; font-weight:normal; color:#00192e; line-height:1.45em;
}
a, a:hover, a:focus{	outline:none;	transition: all 0.2s ease;
}
a:hover, a:focus{	color: #FF5500;	text-decoration:underline;
}
p{ margin:0 0 20px 0;
}
.futura-book{ font-family:"futura-book", Arial, sans-serif !important;
}
.futura{ font-family:"futura-book", Arial, sans-serif !important;
}
.futura-medium{ font-family:"futura-medium", Arial, sans-serif !important;
}
.futura-bold{ font-family:"futura-bold", Arial, sans-serif !important;
}
.cooper{ font-family:"cooper", Cooper, Cooper Black, Arial, serif !important;
}
.uppercase{text-transform:uppercase;
}
.text-small { font-size:85% !important; line-height: 150%;
}
.text-smaller { font-size:65% !important; line-height: 150%;
}
.text-smallest { font-size:45% !important; line-height: 150%;
}
.text-large { font-size:125% !important; line-height: 150%;
}
.text-larger { font-size:150% !important; line-height: 150%;
}
.text-largest { font-size:200% !important; line-height: 150%;
}
.text-left{ text-align: left !important;
}
.text-right{ text-align: right !important;
}
.text-center{ text-align: center !important;
}
.text-justify{ text-align: justify !important;
}
.white {color:#FFF !important;
}
.black{color:#222 !important;
}
.grey{color:#666;
}
.orange{color:#FF6600 !important;
}
.devide, .devide-sm, .devide-lg { width: 100%; background-color:#ddd; height:1px;
}
.devide-clear, .devide-clear-sm, .devide-clear-lg { width: 100%; background-color:transparent; height:1px;
}
.devide, .devide-clear { margin: 30px 0;
}
.devide-sm, .devide-clear-sm { margin: 15px 0;
}
.devide-lg, .devide-clear-lg { margin: 60px 0;
}
.border{ border:1px solid #D8D8D8;
}
.strip{padding:40px 0 40px 0;
}
.strip-border{border-top:1px solid #eaf0f3; border-bottom:1px solid #eaf0f3;
}
.strip-border-top{border-top:1px solid #eaf0f3;
}
.strip-border-bottom{border-bottom:1px solid #eaf0f3;
}
.logo { display: block; margin: 0 auto; max-width: 180px;
}
.logo-microsoft { max-width: 100%;
}
small { display: block; line-height: 2rem; padding: 10px 0 0;
}

/* SITE STYLES
----------------------------------------------------------------------*/
#logo-fade{ 
	background:#F60;
	color:#FFF;
	border-radius:5px;
	max-width:300px;
	box-shadow:#222 0 3px 6px;
	margin:0 auto;
	padding:0 30px 20px;
}
#logo-fade a{ 
	color:#FFF;
	text-decoration:none; 
}
.content-container {
  background:url("../img/download-icon.png") 50% 40px no-repeat #FFF;
  border-radius:5px;
  box-shadow:#C95000 0 3px 6px;
  margin:0 auto;
  padding:30px 20px 10px;
  text-align:center;
  max-width:300px;
}
.jumbotron{
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	text-align:center;
	margin:0;
}
.jumbotron p {
	line-height:1.3em;
}
.jumbotron-image{ 
	background-image:url(../images/background-title.webp);
}
.brand-title { 
	font-family:"cooper-black","cooper","cooper black",arial,sans-serif;
	font-size:80px;
	margin-top:0px;
  padding-top:20px;
}
.title-skinny{
	line-height:1.1em;
}

/* OVERWRITES */
.btn{  
	border-radius:50px;
	border: none;
	font-size:16px;
	letter-spacing:0.02rem; 
}
.btn-default{ 
	color:#F60;
	background-color:#FFF;
	border:1px solid #F60;
}
.btn-default:focus,
.btn-default.focus {
	color:#F50;
	background-color:#FFF;
	border-color: #F50;
}
.btn-default:hover {
	color: #FFF;
	background-color:#F60;
	border-color: #F60;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
	color: #FFF; 
	background-color:#F50;
	border-color: #F50;
}
.btn-primary:hover { 
	color:#ffffff;
	background-color:#F50;
	border-color: #F50;
}

@media (max-width:992px){
}
@media (max-width:768px){
	h1, .h1{ font-size:28px;
	}
	h2, .h2{ font-size:24px;
	}
	h3, .h3{ font-size:22px;
	}
	h4, .h4{ font-size:20px;
	}
	h5, .h5{ font-size:18px;
	}
	h6, .h6{ font-size:16px;
	}
	.brand-title { font-size: 40px;
	}
}
@media (max-width:480px){
}