/*header {
    background-image: url('http://indianaraptorcenter.com/wp-content/uploads/2015/01/kestrel-donation-BG1.png');
    background-repeat: no-repeat;
    background-size: auto;
}*/

header hgroup{
	padding-top: 40px;
	padding-bottom: 10px;
	text-align: center;
}
header hgroup h1{
	margin: 0px;
}

div.col-sm-12.col-md-9.col-lg-9,
div.col-sm-12.col-md-3.col-lg-3 {
    width: 100%;
    display: block;
    position: relative;
    float: none;
}

a.brand,
a.brand img {
    max-width: 100%;
}

nav.mythemes-nav-inline.base-nav.header-nav.nav-collapse {
    font-family: "unit-gothic-719", "Noto sans", sans-serif;
    font-size: 1.5em;
}

.col-lg-12 div h1 {
    font-size: 2em;
    font-famile: "unit-gothic-719", Montserrat, sans-serif;
}

.mobile-header {
    display: none;
}

/* RESPONSIVE */

@media ( max-width: 1199px ) {
	header hgroup {
		padding-bottom: 10px;
		padding-top: 20px;
	}
	header hgroup h1{
		margin: 0px;
	}
}
@media ( max-width:480px ){
	header hgroup h1{
		text-align: left;
	}
	header hgroup,
	header hgroup a,
	header hgroup a img{
		text-align: left;
	}
}

/* BLOG TITLE */
header hgroup h1,
header hgroup h1 > a,
header hgroup > a{
	color: #454545;
	font-family: "unit-gothic-719", Montserrat, sans-serif, Arial, serif;
	font-size: 30px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 35px;
	text-transform: uppercase;
}

header hgroup a:hover{
	color: #000000;
}

/* HEADER IMAGE */
div.mythemes-header{
	height: 500px;
    background: url('http://indianaraptorcenter.com/wp-content/uploads/2015/01/orange-hawk-bg.png');
    margin-bottom: 20px;
    background-position: top right;
    background-repeat: no-repeat;
    background-size: cover;
}

div.mythemes-header div.valign-cell-wrapper{
	background: rgba( 0, 0, 0, 0.8 );
}
div.mythemes-header .valign-cell h1,
div.mythemes-header .valign-cell p{
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
div.mythemes-header .valign-cell h1{
	font-family: "unit-gothic-719", Montserrat, sans-serif, Arial, serif;
	font-size: 2em;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	margin: 10px 0px 5px 0px;
}
div.mythemes-header .valign-cell p.description{
	font-family: "Noto Sans", sans-serif, Arial, serif;
	font-style: normal;
	font-size: 15px;
	padding: 10px 0px;
	margin: 0px 0px 10px 0px;
}
div.mythemes-header .valign-cell p.buttons{
	padding: 30px 0px 0px 0px;
}

div.mythemes-header .valign-cell p.buttons a.btn{
	border: 0px;
	border-color: transparent;
	border-style: none;
	font-family: "unit-gothic-719", "Noto Sans", sans-serif, Arial, serif;
	font-size: 1.5em;
	color: #fff;
	padding: 9px 17px;
	margin: 0px 10px;
	text-shadow: none;
	text-decoration: none;
    opacity: 0.90;
	filter: alpha(opacity=90);
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    -webkit-transition: all 0s linear;
    -moz-transition: all 0s linear;
    -o-transition: all 0s linear;
    -ms-transition: all 0s linear;
    transition: all 0s linear;

}
div.mythemes-header .valign-cell p.buttons a.btn:hover{
	opacity: 1.0;
	filter: alpha(opacity=100);
}


@media (min-width: 1200px ){
	div.mythemes-header .valign-cell h1{
		font-size: 36px;
	}
	div.mythemes-header .valign-cell p.description{
		font-size: 15px;
	}
}
@media ( min-width: 992px ) and (max-width: 1199px ){
	div.mythemes-header .valign-cell h1{
		font-size: 32px;
	}
	div.mythemes-header .valign-cell p.description{
		font-size: 15px;
	}
}
@media ( min-width: 768px ) and ( max-width: 991px ){
	div.mythemes-header .valign-cell h1{
		font-size: 28px;
	}
	div.mythemes-header .valign-cell p.description{
		font-size: 14px;
	}
}
@media ( min-width: 481px ) and ( max-width: 767px ){
    div.mythemes-header .valign-cell h1{
		font-size: 24px;
	}
	div.mythemes-header .valign-cell p.description{
		font-size: 14px;
	}
}
@media ( max-width:480px ){
	div.mythemes-header .valign-cell h1{
		font-size: 18px;
	}
	div.mythemes-header .valign-cell p.description{
		font-size: 13px;
	}
    div.mythemes-header .valign-cell p.buttons a.btn{	
			width: 80%;
			margin-top: 3px;
			margin-bottom: 10px;
	}

    div.mythemes-header .valign-cell h1 {
            font-size: 2em;
}

    header hgroup {
            width: 100%;
            border: none;
            margin-right: 0;
}

    hgroup .brand img {
            max-width: 100%;
}
    
div.mythemes-header{
	background-position: top ;
    background-repeat: no-repeat;
    background-size: cover;
}
}

/* BACKGROUND backstretch */
@media ( min-width: 1200px ){
  body > div.backstretch img{
      max-width: 100% !important;
      left: 0px !important;
      top: 0px !important;
      height: auto !important;
    }
}



@media all and (max-width: 600px) {
    
.mobile-header {
    display: block;
    object-position: left;
    width: 80%;
    margin-top: 20px;
}
    
.mobile-header img {
    width: 100%;
}
    
div.mythemes-header .valign-cell p.buttons a.btn {
    font-size: 1.5em;
}

div.mythemes-header .valign-cell h1 {
    font-size: 2em;
}

.brand {
    display: none;
}

}