/*
Theme Name: Dark Joe
Theme URI: http://themewagon.com/demo/DarkJoe/
Author: ThemeWagon
Author URI: http://themewagon.com/
Description: Slick One page portfolio site for Freelancers powered by Bootstrap 3.
Version: 1.14.11
License: GNU General Public License v3
License URI: http://www.gnu.org/licenses/gpl-3.0.txt
Tags: dark, white, one page, parallax, responsive-layout, full-width-template
Text Domain: darkjoe
*/

/**
* Table of Contents:
*
* 01.0 - Universal
* 02.0 - Header
* 03.0 - Navigation
* 04.0 - Services
* 05.0 - Portfolio
* 06.0 - Testimonial
* 07.0 - Contact
* 08.0 - Footer
* 09.0 - Responsive Fixes
* -----------------------------------------------------------------------------
*/


/* ///////////////////////////////////////////////////////////////////// 
//  01 - Universal
/////////////////////////////////////////////////////////////////////*/

html, body {
    height:100%;
}

body {
	font-family: 'Lato', sans-serif;
}
h1,h2,h3,h4,h5,h6 {
	font-family: 'Dosis', sans-serif;
}
a {
	color: #e66f69;
	transition: 0.4s ease all;
	outline: none;
}
a:hover,a:active,a:focus{
	text-decoration: none;
	color: #e66f69;
	opacity: 0.9;
	outline: none;
}
.btn {
    color: #fff;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 0px;
    font-size: 1.2em;
    transition: 0.4s ease all;
}
.btn:hover {
    background: #fff;
    color: #000;
}
.block_title {
    font-size: 4em;
    font-weight: 300;
    text-align: center;
    overflow: hidden;
    margin-bottom: 70px;
}
.block_title:before,.block_title:after {
    content: "";
    background: #ccc;
    display: inline-block;
    height: 1px;
    position: relative;
    width: 42%;
    vertical-align: middle;
}
.block_title:before {
    right: 0.5em;
    margin-left: -42%;
}
.block_title:after {
    left: 0.5em;
    margin-right: -42%;
}


/* ///////////////////////////////////////////////////////////////////// 
//  02 - Header 
/////////////////////////////////////////////////////////////////////*/

header{

	background-color: #135086;
}
.center {
    text-align: center;
    color: #fff;
}
.bigheadline {
	font-family: 'Raleway', sans-serif;
	font-weight: 100;
	font-size: 10em;
	margin: 0;
	/*text-shadow: 2px 2px 0px rgba(0,0,0,0.6);*/
}
.subheadline {
	font-family: 'Titillium Web', sans-serif;
	font-weight: 200;
	font-size: 3em;
	margin: 0;
	/*text-shadow: 2px 2px 3px rgba(0,0,0,0.6);*/
}

.locationheadline {
	padding-top: 100px;
	font-family: 'Raleway', sans-serif;
	margin: 0;
	/*text-shadow: 2px 2px 3px rgba(0,0,0,0.6);*/
}

.services {
    font-size: 21px;
	padding-top: 80px;
	font-family: 'Raleway', sans-serif;
	margin: 0;
	/*text-shadow: 2px 2px 3px rgba(0,0,0,0.6);*/
}
.services2 {
    font-size: 21px;
	padding-top: 15px;
	font-family: 'Raleway', sans-serif;
	margin: 0;
	/*text-shadow: 2px 2px 3px rgba(0,0,0,0.6);*/
}



/* ///////////////////////////////////////////////////////////////////// 
//  09 - Responsive Fixes
/////////////////////////////////////////////////////////////////////*/



@media all and (min-width: 1400px) {
	.centered p {
		font-size: 3em;
	}
	.bigheadline {
		font-size: 15em;
	}
	.subheadline {
		font-size: 5em;
	}
}

@media all and (max-width: 1200px) and (min-width: 992px) {

	.services {
		max-width: 293px;
		height: 213px;
	}
	.service-wrap i {
	    font-size: 4em;
	    margin-top: 28px;
	}
	.service-wrap h3 {
	    font-size: 1.4em;
	}
	.service-wrap p {
	    font-size: 11px;
	    padding: 0px 35px;
	}
}

@media all and (max-width: 991px) and (min-width: 768px) {

	.services {
		max-width: 293px;
		height: 293px;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	.service-wrap p {
		padding: 0px 40px;
		font-size: 14px;
	}
	.pe-dj {
		font-size: 6em;
	}

}



@media all and (max-width: 768px) {
	
	.bigheadline {
		font-size: 6em;
	}
	.subheadline {
		font-size: 2em;
	}
	
}
@media all and (max-width: 380px) {


	
	.bigheadline {
	    font-size: 4em;
	}
	.subheadline {
	    font-family: 'Titillium Web',sans-serif;
	    font-size: 1.5em;
	    font-weight: 200;
	    margin: 0;
	}
	
}