/*
Theme Name: Cobra Child
Description: Cobra Intelligence
Version: 1.0
Author: IYE Global
Author URI: http://www.cobraintel.com
Template: cobra
*/



/*Add your own styles here:*/

/* Headings */

@media only screen and (min-width: 1024px)  {
.white h1 {
	font-size: 70px !important;
	color: #ffffff !important;
}
}

@media only screen and (min-width: 768px) and (max-width: 1023px)  {
.white h1 {
	font-size: 60px !important;
	color: #ffffff !important;
}
}

@media only screen and (max-width: 767px)  {
.white h1 {
	font-size: 50px !important;
	color: #ffffff !important;
}
}

@media only screen and (min-width: 1024px)  {
.blue h1 {
	font-size: 70px !important;
	color: #191c2a !important;
}
}

@media only screen and (min-width: 768px) and (max-width: 1023px)  {
.blue h1 {
	font-size: 60px !important;
	color: #191c2a !important;
}
}

@media only screen and (max-width: 767px)  {
.blue h1 {
	font-size: 50px !important;
	color: #191c2a !important;
}
}

.blue h2 {
	color: #191c2a !important;
	margin-bottom: 35px !important;
}

@media only screen and (min-width: 1024px)  {
.white h2 {
	font-size: 36px !important;
	color: #ffffff !important;
	margin-bottom: 35px !important;
}
}

@media only screen and (min-width: 768px) and (max-width: 1023px)  {
.white h2 {
	font-size: 32px !important;
	color: #ffffff !important;
	margin-bottom: 35px !important;
}
}

@media only screen and (max-width: 767px)  {
.white h2 {
	font-size: 28px !important;
	color: #ffffff !important;
	margin-bottom: 35px !important;
}
}

.blue-light h2 {
	font-size: 2.0em !important;
	color: #62bfca !important;
	font-weight: 500 !important;
	line-height: 1.2em !important;
	margin: 20px 0px 20px 0px !important;
	text-transform: none !important;
}

@media only screen and (min-width: 1024px)  {
.large-blue h2 {
	font-size: 3em !important;
	color: #191c2a !important;
	font-weight: 700 !important;
	margin-bottom: 35px;
}
}

@media only screen and (min-width: 768px) and (max-width: 1023px)  {
.large-blue h2 {
	font-size: 2.7em !important;
	color: #191c2a !important;
	font-weight: 600 !important;
	margin-bottom: 35px;
}
}

@media only screen and (max-width: 767px)  {
.large-blue h2 {
	font-size: 2.5em !important;
	color: #191c2a !important;
	font-weight: 600 !important;
	margin-bottom: 35px;
}	
}

@media only screen and (min-width: 1024px)  {
.large-blue-caps h2 {
	font-size: 3em !important;
	color: #191c2a !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	margin-bottom: 35px;
}
}

@media only screen and (min-width: 768px) and (max-width: 1023px)  {
.large-blue-caps h2 {
	font-size: 2.7em !important;
	color: #191c2a !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	margin-bottom: 35px;
}
}

@media only screen and (max-width: 767px)  {
.large-blue-caps h2 {
	font-size: 2.5em !important;
	color: #191c2a !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	margin-bottom: 35px;
}	
}

.large-white h2 {
	font-size: 3em !important;
	color: #ffffff !important;
	font-weight: 600 !important;
	margin-bottom: 45px !important;
}

@media only screen and (max-width: 767px)  {
.large-white h2 {
	font-size: 2.5em !important;
	color: #ffffff !important;
	font-weight: 600 !important;
	margin-bottom: 45px !important;
}
}

.white h3 {
	color: #ffffff !important;
}

.orange h3 {
	color: #f6ae32 !important;
}

.blue-light h3 {
	color: #62bfca !important;
}

.header-caps-orange h3 {
	font-size: 1.1em !important;
	color: #f6ae32 !important;
	font-weight: 400 !important;
	text-transform: uppercase !important;
	line-height: 1.1em !important;
}

/* Body */

.copy-white {
	font-size: 1.0em !important;
	color: #f7f7f7;
}

.copy-white-normal {
	font-size: 1.0em !important
	color: #f7f7f7 !important;
}

.intro-blue {
	font-size: 1.2em;
	color: #191c2a;
}

.quote-blue {
	font-size: 1.51em;
	color: #191c2a;
	font-weight: 500;
	line-height: 1.2em;
	text-transform: none;
}

.quote-blue-light {
	font-size: 1.51em;
	color: #62bfca;
	font-weight: 500;
	line-height: 1.2em;
	text-transform: none;
}

.quote-blue-light-large {
	font-size: 2.0em;
	color: #62bfca;
	font-weight: 500;
	line-height: 1.2em;
	text-transform: none;
}

.quote-orange {
	font-size: 1.51em;
	color: #f6ae32;
	font-weight: 500;
	line-height: 1.2em;
	text-transform: none;
}

.quote-white {
	font-size: 1.51em;
	color: #ffffff;
	font-weight: 500;
	line-height: 1.2em;
	text-transform: none;
}

.caps-orange {
	font-size: 1.122em;
	color: #f6ae32;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.2em;
}

.caps-blue {
	font-size: 1.122em;
	color: #62BFCA;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.2em;
}

.caps-white {
	font-size: 1.122em;
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.2em;
}

/* Elements */

/* Full element width */
#few .container { width: 100% !important; max-width: 100%; padding: 0; margin: 0; }

/* Culumn hover */

.greycolumn:hover {
 	background-color: #f7f7f7 !important;
  	opacity: 1 !important;
}

.bluecolumn:hover {
  	color: #ffffff !important;
	background-color: #191c2a !important;
  	opacity: 1 !important;
}

/* Blockquote */

@media only screen and (max-width: 767px)  {
.blockquote-light {
	color: #e5e5e5 !important;
	border-color: #F6AE32;
	font-size: 1.0em;
	line-height: 1.0em;
}
}

@media only screen and (max-width: 767px)  {
.blockquote-lighter {
	color: #d9d9d9 !important;
	border-color: #f6ae32 !important;
	font-size: 1.0em !important;
	line-height: 1.0em;
}
}

@media only screen and (min-width: 768px)  {
.blockquote-lighter {
	color: #d9d9d9 !important;
	border-color: #f6ae32 !important;
	font-size: 1.0em !important;
	line-height: 1.0em;
}
}

/* Responsive Settings */

/* Desktop */
@media only screen and (min-width: 990px)  {
	.desktop-no {display: none !important;}
}

/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 989px) {
	.tablet-no {display: none !important;}
}

/* Mobile */
@media only screen and (max-width: 767px)  {
	.mobile-no {display: none !important;}
}

/* Footer */

.copy-white-footer {
	font-size: 0.9em;
	color: #999999;
}

.copy-white-footer a {
	font-size: 0.9em;
	color: #f7f7f7;
}

/* Mobile Footer Margins */
@media only screen and (max-width: 767px) {
    #top #wrap_all #footer .flex_column, #top #wrap_all  #footer .widget {
        margin: 10px 0 0 0 !important;
    }
}