/*
Theme Name: Jeck Harris
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: jeckharris
*/



/*Add your own styles here:*/

body{font-family: "Montserrat", sans-serif;margin: 0px;padding: 0px;}
#top h1, #top h2, #top h3, #top h4, #top h5, #top h6{font-family: "Marcellus", serif;font-weight: 400;}

.container{max-width: 1200px;margin: 0px auto;}

#header{float: left;width: 100%;text-align: center;background: url(../images/header-bg.jpg) no-repeat center;background-size: cover;padding: 30px 0px;border-bottom: solid 15px #fc1d90;}
#header .wbitlogo{display: inline-block;vertical-align: top;}

#content{float: left;width: 100%;padding: 60px 0px;font-size: 16px;line-height: 24px;color: #232323;}
#content h3{font-size: 66px;line-height: 72px;color: #3d3d3d;font-weight: 700;margin: 0px 0px 40px 0px;}
#content h3 img{display: inline-block;vertical-align: middle;margin-right: 15px;height: 120px;width: auto;}

#footer{float: left;width: 100%;text-align: center;background: #006ecc;border-top: solid 15px #fc1d90;padding: 40px 0px;}
#footer .wbitlogo{float: left;width: 100%;}
#footer .wbitlogo img{height: 160px;width: auto;}
#footer .partnerlogo{float: left;width: 100%;margin: 30px 0px 0px 0px;}
#footer .partnerlogo .col{float: left;width: 50%;vertical-align: top;}
#footer .partnerlogo h3{font-size: 20px;line-height: 30px;color: #ffffff;font-weight: 500;margin: 0px 0px 20px 0px;}

@media screen and (max-width: 1500px) {




}

@media screen and (max-width: 1300px) {

   .container{padding: 0px 20px;}

}


@media screen and (max-width: 989px) {

    .container{padding: 0px 5%;}
    #content h3{font-size: 52px;line-height: 60px;}
    

}

@media screen and (max-width: 767px) {

	#header .wbitlogo img{max-height: 180px;width: auto;}
	#content{padding: 40px 0px;}
    #content h3{font-size: 48px;line-height: 56px;}
    #content h3 img{height: 90px;}
	#content iframe{max-width: 100%;}
	#footer{padding: 40px 0px 0px 0px;}
	#footer .partnerlogo .col{width: 100%;margin: 0px 0px 40px 0px;}
	#footer .partnerlogo h3{margin: 0px 0px 10px 0px;}
	#footer .partnerlogo .col img{max-width: 100%;height: auto;}

}

@media screen and (max-width: 639px) {

    #content h3{font-size: 42px;line-height: 50px;}
    #content h3 img{height: 75px;}

}

@media screen and (max-width: 479px) {

#content h3{font-size: 36px;line-height: 44px;}
    
}