@charset "utf-8";
/* CSS Document */

body { background-image: url(../images/bg-paper.jpg); }

p {
    font-family: "Georgia", serif;
    color: #4b4b4b;
    font-size: 18px;
    line-height: 1.5em;
    margin: 0 0 18px;
    letter-spacing: .01em;
}

h4 {
    font-size: 20px;
}

h2.subheader {
	font-size: 40px;
    font-family: "Georgia",serif;
    font-style: normal;
	color: #4b4b4b;
	font-weight: 400;
    text-shadow: 0 2px 1px #FFF;
/*	text-transform: uppercase;*/
}

.main { margin-top: 170px; }

.main h3 {
	font-size: 20px;
	font-family: "league-gothic-condensed", sans-serif, Helvetica, Arial;
	color: #4b4b4b;
    font-style: normal;
	font-weight: 400;
	text-transform: uppercase;
	margin-bottom: -5px;
}

.main h3.p-header {
	margin-top: 40px;
}

#headline {
    text-align: center;
}

#headline h2 {
    margin: 0;
    padding: 10px 0 20px;
    font-size: 97px;
    line-height: .8em;
    font-family: "Georgia",serif;
    font-size-adjust: 0.477;
    font-style: normal;
    color: #4b4b4b;
    text-shadow: 0 2px 1px #FFF;
}		
#headline h2 small {
    color: #4b4b4b;
    font-size: 53px;
}
#headline p {
    font-family: Georgia;
    font-size: 18px;
    text-align: center;
    color: #4b4b4b;
    line-height: 1.5em;
    padding: 0 40px;
}


div.container.main ul li {
	font-family: "Georgia", serif;
	font-size: 18px;
	line-height: 1.5em;
	letter-spacing: .01em;
}

.main img.right { margin: 0 0 10px 20px; }
.main img.left { margin: 0 20px 10px 0px; }

.left { float: left; }
.right { float: right; }

.navbar-brand {padding: 0px; }

.navbar-brand-centered {
	position: absolute;
	left: 50%;
}


.navbar>.container .navbar-brand-centered,
.navbar>.container-fluid .navbar-brand-centered {
	margin-left: -80px;
}

.navbar>.container .navbar-brand-centered {
	z-index: 100000;
}

.navbar-brand a {
	display: block;
	background-image: url(../images/logo-dsgraphx.svg);
	background-repeat: no-repeat;
	height: 135px;
	width: 180px;
	
}

.navbar-brand a > span { visibility: hidden; }

.navbar-default {
	background-image: url(../images/bg-paper.jpg);
}

.navbar-default .navbar-nav > li > a { color: #000; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #666;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #000; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { color: #969696; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #969696; }

.navbar { min-height: 155px; }

#navbar-brand-centered ul .dropdown-menu { background: none; background-color: #fff; height: auto; }

.navbar-fixed-top .navbar-collapse a { letter-spacing: .07em; }

.navbar-fixed-top .navbar-collapse { max-height: none; }

.navbar-nav .open .dropdown-menu > li > a { line-height: 25px; }

.navbar-nav { margin: 0.5px -15px; }

.navbar-toggle { margin-bottom: 115px; }

.navbar-default .navbar-toggle {  border-color: #999; }

.page-header { margin: 8px 0 25px 0; }

.close { font-size: 35px; }

.thm {vertical-align: bottom;}

.spacer {padding-bottom: 45px;}

.spacer p { font-size: 14px; }

.thumbnail { background-color:transparent;  border:none; }
.thumbnail:hover { opacity: .7; }

.modal-body { padding: 45px; }

#modal-gallery {padding-right: 0px;}

.carousel-control { color: #000; opacity: 1; font-size: 30px; text-shadow: none; }
.carousel-control:hover { color: #000; opacity: .6; }
.carousel-control:visited, .carousel-control:focus { color: #000; opacity: 1; }


.category {
	text-align: center;
	margin-bottom: -114px;
	margin-top: 168px;

}

.modal-open { padding-right:0px; }


.line-bg {
    background: url( ../images/line_bg.png) repeat-x;
    background-position: center;
    margin-bottom: 25px;

}
.services-header h3 {
    margin-bottom: 50px;
}
.services-header h3 {
    font-size: 107px;
    line-height: .33em;
    font-family: "league-gothic-condensed",sans-serif;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    color: #4b4b4b;
    text-shadow: 0 2px 1px #FFF;
}
.services-header h3 span {
    font-family: "Georgia",serif;
    font-size-adjust: 0.477;
    font-weight: 700;
    font-style: normal;
    font-size: 36px;
}


.fill-height { content:""; padding: 26px 152px; background-position-y: 43px; }



.process-odd {padding-left: 30px;}

.process p, .process-odd p {
    font-family: Georgia;
    font-size: 18px;
    color: #4b4b4b;
    line-height: 1.5em;
    padding-top: 20px;
}

.process h3, .process-odd h3 {
    font-size: 20px;
    color: #4b4b4b;
    font-family: "league-gothic-condensed", sans-serif;
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 28px;
}

.process-image { float: right;}


#how_i_work {
    width: 100%;
    float: left;
    background: url(../images/connecting_line.png) no-repeat center 210px;
}

#how_i_work .number {
    margin-top: 20px;
}
#how_i_work .row.bottom-100 {
    margin-bottom: 113px;
    max-width: 980px;
}





@media (max-device-width: 480px) and (orientation: landscape) {
    .category {
        margin-bottom: -75px;
        margin-top: 119px;
    }
    
/*    #headline {
        margin-bottom: -59px;
    }*/

    #headline h2 {
        font-size: 49px;
        line-height: .9em;
        padding-bottom: 20px;
    }

    #headline h2 small {
        font-size: 30px;
        display: inline-block;
        line-height: 1em;
        margin-bottom: 10px;
    }
    
    .process-image { float: none; }

    .and { display: none; }
    .print { margin-bottom: 60px; }
    .web { margin-bottom: 80px; }
    .spacer p { font-size: 18px; }

}

@media (max-width: 767px) {

	.navbar-brand a {
		width: 107px;
		height: 86px;
		margin-top: 7px;
		margin-left: 7px;
	}


	.navbar-brand-centered { position: static; }

	.navbar > .container .navbar-brand-centered {	margin-left: 0px; height: 90px; }

	.navbar-toggle { margin-bottom: 57px; }

	.navbar-collapse { background-color: #ddd; }

	.navbar { min-height: 100px; }

	.container > .navbar-header { background-color: rgba(0,0,0,.04); border-bottom: rgba(0,0,0,.2) solid 1px; }

	.modal-body { padding: 25px; }

	.modal-dialog { margin: 0px; }
	
    
    .main { margin-top: 125px; }

	.category {
        margin-bottom: -75px;
        margin-top: 119px;
    }


    #headline h2 {
        font-size: 74px;
        line-height: .9em;
        padding-bottom: 20px;
    }
    #headline h2 small {
        font-size: 40px;
        display: inline-block;
        line-height: 1em;
        margin-bottom: 10px;
    }
    
    .and { display: none; }
    .print {margin-bottom: 60px; }
    .web { margin-bottom: 80px;}

    
    #how_i_work {
        background-image: none;
    }
    
    #how_i_work .row.bottom-100 {
        margin-bottom: 0px;
    }
    
    .number-image { text-align: center; }

    .spacer p { font-size: 18px; }

}


@media (min-width: 768px) and (max-width: 991px) {
	#navbar-brand-centered ul {
		background-image: url(../images/background-nav.png);
		background-repeat: repeat-x;
		background-position: bottom;
		height: 68px;
	}


	.nav.navbar-nav.navbar-left { width: 33%; margin: 30px auto; }
	.nav.navbar-nav.navbar-right { width: 33%; margin: 30px auto; }

	.nav > li {left: 7px; top: 10px; }

	.main { margin-top: 175px; }
    
    #how_i_work {
        background-image: none;
    }
    .process-odd {padding-left: 90px;}
    
    #how_i_work .row.bottom-100 {
    margin-bottom: 40px;
    }

   
    #headline h2 {
        font-size: 74px;
    }
    .services-header h3 {
        font-size: 70px;
        line-height: .33em;
    }
    .services-header h3 span {
        font-family: "Georgia",serif;
        font-size-adjust: 0.477;
        font-weight: 700;
        font-style: normal;
        font-size: 25px;
    }
    .and { display: none; }
    .print {margin-bottom: 60px; }
    .web { margin-bottom: 80px;}

    .spacer p { font-size: 18px; }

}


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

	.container { width: 100%; }

	#navbar-brand-centered ul {
		background-image: url(../images/background-nav.png);
		background-repeat: repeat-x;
		background-position: bottom;
		height: 68px;
	}

	.nav.navbar-nav.navbar-left { width: 30%; margin: 30px auto; }
	.nav.navbar-nav.navbar-right { width: 30%; margin: 30px auto; }
	.nav > li { left: 40px; top: 10px; }

	.main { margin-top: 170px; }

	.row-centered {
		display: table;
		margin-left: auto;
		margin-right: auto;
	}

	.vbottom {
		display: table-cell;
		float: none;
		vertical-align: bottom;
	}


}

@media (min-width: 1200px) {
	#navbar-brand-centered ul {
		background-image: url(../images/background-nav.png);
		background-repeat: repeat-x;
		background-position: bottom;
		height: 68px;
	}

	.nav.navbar-nav.navbar-left { width: 30%; margin: 30px auto; }
	.nav.navbar-nav.navbar-right { width: 30%; margin: 30px auto; }
	.nav > li { left: 60px; top: 10px; }

	.modal-lg { width: 1000px;}

	.row-centered {
		display: table;
		margin-left: auto;
		margin-right: auto;
	}

	.vbottom {
		display: table-cell;
		float: none;
		vertical-align: bottom;
	}
	
}