/*********************************************************************************************

Project: Legacy Films & Media website
Date Created/Updated: August 2014
Author & Designer: Hector A. Aranda
URL: http://www.hectorarandadesigns.com

**********************************************************************************************

Table of Contents

01. CSS Reset: Eric Meyer's Reset CSS v2.0
02. Body
03. Header
04. Navigation
05. Footer
06. Contents
07. Typography / Colors
08. Headings / Paragraphs
09. Links
10. Forms
11. List
12. Images
13. Tables
14. Misc
15. Media Queries

**********************************************************************************************/

/********************************************************************************************* 

01. CSS Reset: Eric Meyer's Reset CSS v2.0

*********************************************************************************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,
address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,
u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,
th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,
output,ruby,section,summary,time,mark,audio,video {
	border:0; font-size:100%; vertical-align:baseline; margin:0; padding:0}
	
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block}

body {line-height:1}
ol,ul {list-style:none}
blockquote,q {quotes:none}
blockquote:before,blockquote:after,q:before,q:after {content:none}
table {border-collapse:collapse; border-spacing:0}

/********************************************************************************************* 

02. Body

*********************************************************************************************/
body {
	background: url(includes/images/bg.jpg) top center scroll no-repeat;
	background-color: #0a1117; /* dark blue */
	-webkit-text-size-adjust: none;
}

#wrapper {
	margin: 0 auto 0 auto;
	padding: 15px;
	width: 1170px;
	background-color: #0f2834;  /* teal */
	border-radius: 20px;
	-webkit-box-shadow: inset 0 0 20px 0 rgba(255,255,255,.66), 0 0 10px 0 rgba(0,0,0,.5);
	box-shadow: inset 0 0 20px 0 rgba(255,255,255,.66), 0 0 10px 0 rgba(0,0,0,.5);
}

#inner-wrapper {
	padding: 20px;
	background-color: #001723; /* dark blue */
	-webkit-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 0 0 2px 0 rgba(255,255,255,.5);
	box-shadow: 0 0 2px 0 rgba(255,255,255,.5);
}

.clear {
	clear: both;
}

.align-center {
	text-align: center;
}

.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}

.hidden {
	display: none;
}

hr {
	margin-top: 25px;
	margin-bottom: 25px;
	background: #1f4456; /* blue */
	clear: both; 
	float: none; 
	width: 50px; 
	height: 1px;
	border: none; 
}

hr.example-hr {
	margin-left: 0;
}

hr.example-hr-mobile {
	margin-left: 0;
	display: none;
}

hr.portfolio-hr {
	margin-bottom: 50px;
	width: 50%;
}

/* bg images */
.home {
	background: url(includes/images/bg-images/home.jpg) bottom right scroll no-repeat
}

.about {
	background: url(includes/images/bg-images/about.jpg) top right scroll no-repeat
}

.services {
	background: url(includes/images/bg-images/services.jpg) top right scroll no-repeat
}

.branding {
	background: url(includes/images/bg-images/branding.jpg) top right scroll no-repeat
}

.commercials {
	background: url(includes/images/bg-images/commercials.jpg) top right scroll no-repeat
}

.communications {
	background: url(includes/images/bg-images/communications.jpg) top right scroll no-repeat
}

.webcasting {
	background: url(includes/images/bg-images/webcasting.jpg) top right scroll no-repeat
}

.promotional {
	background: url(includes/images/bg-images/promotional.jpg) top right scroll no-repeat
}

.recruiting {
	background: url(includes/images/bg-images/recruiting.jpg) top right scroll no-repeat
}

.testimonials {
	background: url(includes/images/bg-images/testimonials.jpg) top right scroll no-repeat
}

.tribute {
	background: url(includes/images/bg-images/tribute.jpg) top right scroll no-repeat
}

.production {
	background: url(includes/images/bg-images/production.jpg) top right scroll no-repeat
}

.history {
	background: url(includes/images/bg-images/history.jpg) top right scroll no-repeat
}

.corporate {
	background: url(includes/images/bg-images/corporate.jpg) top right scroll no-repeat
}

.pr {
	background: url(includes/images/bg-images/pr.jpg) top right scroll no-repeat
}

.concerts {
	background: url(includes/images/bg-images/concerts.jpg) top right scroll no-repeat
}

.website {
	background: url(includes/images/bg-images/website.jpg) top right scroll no-repeat
}

.training {
	background: url(includes/images/bg-images/training.jpg) top right scroll no-repeat
}

.capital {
	background: url(includes/images/bg-images/capital.jpg) top right scroll no-repeat
}

.photography {
	background: url(includes/images/bg-images/photography.jpg) top right scroll no-repeat
}

/********************************************************************************************* 

03. Header

*********************************************************************************************/
header {
	margin: 0 auto 0 auto;
	width: 1200px;
	position: relative;
}

header #logo {
	margin: 27px auto 0 auto;
	background: url(includes/images/legacy-films-logo.png) top center scroll no-repeat;
	width: 546px;
	height: 273px;
}

/********************************************************************************************* 

04. Navigation

*********************************************************************************************/
nav {
	margin-bottom: 10px;
	width: 100%;
	position: absolute;
	bottom: 0;
}

/* menu */
ul.nav-menu {
	width: 100%;
	text-align: center;
}

ul.nav-menu li a,
ul.nav-menu li {
	margin-right: -4px;
    position: relative;
    display: inline-block;
}

ul.nav-menu > li { }

ul.nav-menu li a {
	padding: 0 50px;
	font-family: 'Sorts Mill Goudy', serif;
	font-size: 14px;
	font-weight: normal;
	color: #b9e5fd; /* light blue */
	letter-spacing: 2px;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 2px 2px 1px rgba(0,0,0,.75);
	white-space: nowrap;
	-webkit-transition: color 1s ease;  
	-moz-transition: color 1s ease;  
	-o-transition: color 1s ease;  
	transition: color 1s ease;
}

ul.nav-menu li a:hover {
	color: #e4ddd4; /* creme */
    text-decoration: none;
}

/* icon */
.menu-collapser {
	margin: 0 auto;
	padding-top: 14px;
    position: relative;
    width: 115px;
	height: 20px;
	font-family: 'Sorts Mill Goudy', serif;
	font-size: 12px;
	font-weight: normal;
	color: #b9e5fd; /* light blue */
	text-transform: uppercase;
	text-shadow: 2px 2px 1px rgba(0,0,0,.75);
}

.collapse-button {
	padding: 5px;
	background: url(includes/images/icon-menu.png) center scroll no-repeat;
	background-size: 24px 24px;
    width: 24px;
	height: 24px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

/* responsive drop down menu collapser */
ul.nav-menu.collapsed ul {
	background: none;
	width: 100%;
}

ul.nav-menu.collapsed li {
	margin-right: 0;
	background: none;
    display: block;
    width: 100%;
}

ul.nav-menu.collapsed li a {
	margin-right: 0;
	padding: 5px 0;
    display: block;
    width: 99%;
	font-size: 12px;
}

/********************************************************************************************* 

05. Footer

*********************************************************************************************/
footer {
	margin: 25px 0;
	text-align: center;
	color: #39515d; /* dark blue */
}

footer h2 {
	color: #537484; /* dark blue */
}

footer hr {
	margin-top: 15px;
	margin-bottom: 10px;
	background: #183543; /* dark blue */
	clear: both; 
	float: none; 
	width: 50px; 
	height: 1px;
	border: none;
	text-align: left;
}

/* social media */
ul#social-media {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	width: 102px;
	height: 32px;
	list-style: none;
}

ul#social-media li {
	margin-left: 2px;
	float: left;
	width: 32px;
	height: 32px;
}

ul#social-media li a {
	display: block;
	width: 32px;
	height: 32px;
}

ul#social-media li#icon-facebook a {
	background: url(includes/images/icons-social-media.jpg) 0 0 scroll no-repeat;
	background-size: 96px auto;
}

ul#social-media li#icon-facebook a:hover {
	background: url(includes/images/icons-social-media.jpg) 0 -32px scroll no-repeat;
	background-size: 96px auto;
}

ul#social-media li#icon-twitter a {
	background: url(includes/images/icons-social-media.jpg) -32px 0 scroll no-repeat;
	background-size: 96px auto;
}

ul#social-media li#icon-twitter a:hover {
	background: url(includes/images/icons-social-media.jpg) -32px -32px scroll no-repeat;
	background-size: 96px auto;
}

ul#social-media li#icon-youtube a {
	background: url(includes/images/icons-social-media.jpg) -64px 0 scroll no-repeat;
	background-size: 96px auto;
}

ul#social-media li#icon-youtube a:hover {
	background: url(includes/images/icons-social-media.jpg) -64px -32px scroll no-repeat;
	background-size: 96px auto;
}

/********************************************************************************************* 

06. Contents

*********************************************************************************************/
#contents {
	width: 100%;
}

#free-vid {
	margin: 0 auto 10px auto;
	padding: 10px 10px 5px 10px;
	width: 275px;
	font-family: 'Sorts Mill Goudy', serif;
	font-size: 20px;
	font-weight: 400;
	color: #e4ddd4; /* creme */
	text-align: center;
	background-color: #183543; /* teal */
	border: none;
	border-radius: 5px;
}

/* columns */
.left {
	margin-bottom: 25px;
	width: 25%;
	float: left;
}
	
.right {
	margin-bottom: 25px;
	padding-left: 2.5%;
	width: 70%;
	float: right;
	border-left: 1px solid #1e2e37; /* dark gray */
}

.one-half {
	margin-bottom: 25px;
	width: 48%;
	float: left;
}

.one-half-last {
	margin-bottom: 25px;
	width: 48%;
	float: right;
}

.home .one-half {
	margin-bottom: 0;
}

.home .one-half-last {
	margin-bottom: 0;
}

.one-third {
	margin-right: 5%;
	margin-bottom: 25px;
	width: 30%;
	float: left;
}

.one-third-last {
	margin-bottom: 25px;
	width: 30%;
	float: left;
}

.two-thirds {
	margin-right: 2%;
	margin-bottom: 25px;
	width: 66%;
	float: left;
}

.two-thirds-last {
	margin-bottom: 25px;
	width: 66%;
	float: right;
}

.one-fourth {
	margin-right: 2%;
	margin-bottom: 25px;
	width: 23.5%;
	float: left;
}

.one-fourth-last {
	margin-bottom: 25px;
	width: 23.5%;
	float: left;
}

.three-fourths {
	margin-right: 2%;
	margin-bottom: 25px;
	width: 74.5%;
	float: left;
}

.three-fourths-last {
	margin-bottom: 25px;
	width: 74.5%;
	float: right;
}

/********************************************************************************************* 

07. Typography / Colors

*********************************************************************************************/
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #d6eaf4; /* light blue */
}

h1 {
	font-family: 'Sorts Mill Goudy', serif;
	font-size: 29px;
	font-weight: 400;
	color: #e4ddd4; /* creme */
}

h2 {
	font-family: 'Sorts Mill Goudy', serif;
	font-size: 22px;
	font-weight: 400;
	color: #8fb5c9; /* blue */
}

h3 {
	font-family: 'Sorts Mill Goudy', serif;
	font-size: 16px;
	font-weight: 400;
	color: #8fb5c9; /* blue */
}

h4 {
	font-family: 'Sorts Mill Goudy', serif;
	font-size: 14px;
	font-weight: 400;
	color: #8fb5c9; /* blue */
}

h5 {
	font-family: 'Sorts Mill Goudy', serif;
	font-size: 12px;
	font-weight: 400;
	color: #8fb5c9; /* blue */
}

h5.example-genre {
	font-family: 'Open Sans', sans-serif;
	color: #d6eaf4; /* light blue */
}

h6 {
	font-family: 'Sorts Mill Goudy', serif;
	font-size: 10px;
	font-weight: 400;
	color: #8fb5c9; /* blue */
}

em, i {
	font-style: italic;
}

strong, b {
	font-weight: bold;
}

blockquote {
	margin: 0 2% 25px 2%;
	padding: 0 0 0 20px;
	border-left: 10px solid #002639; /* dark blue */
	font-style: italic;
}

pre {
	white-space: normal;
}

code {
	font-family: "Courier New", Courier, monospace
}

acronym, abbr, span.caps {
	cursor: help;
}

acronym, abbr {
	border-bottom: 1px dashed #21759b; /* blue */
}

#industries {
	font-size: 10px;
	color: #293f4b; /* blue */
}

/********************************************************************************************* 

08. Headings / Paragraphs

*********************************************************************************************/
h1 {
	padding-bottom: 25px;
}

.home h1 {
	padding-bottom: 0;
}

h2, h3, h4, h5, h6 {
	padding-bottom: 5px;
}

.about h2,
.services h2,
.recruiting h2 {
	padding-bottom: 25px;
}

.services h2.no-pad {
	padding-bottom: 0;
}

h3.example-title {
	padding-bottom: 0;
}

.service h3.example-title {
	padding-bottom: 10px;
}

.service h3.example-title:after {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #1f4456; /* blue */
    content: "_______";
    display: block;
    text-align: center;
}

h5.example-genre {
	padding-bottom: 15px;
}

.service p {
	margin-top: 10px;
	padding-left: 10px;
	padding-bottom: 0;
	font-size: 12px;
	line-height: 20px;
	border-left: 1px solid #44545d; /* gray blue */
}

p {
	padding-bottom: 25px;
	line-height: 22px;
}

footer p {
	padding-bottom: 0;
	line-height: none;
}

.no-pad {
	margin-bottom: 0;
	padding-bottom: 0;
}

.half {
	width: 60%;
}

/********************************************************************************************* 

09. Links

*********************************************************************************************/
#contents a:link {
	color: #2c81a8; /* blue */
	-webkit-transition: color 1s ease;  
	-moz-transition: color 1s ease;  
	-o-transition: color 1s ease;  
	transition: color 1s ease;
}

#contents a:visited {
	color: #2c81a8; /* blue */
}

#contents a:hover {
	color: #e4ddd4; /* creme */
}

#free-vid a:link {
	color: #e4ddd4; /* creme */
	text-decoration: none;
	-webkit-transition: color 1s ease;  
	-moz-transition: color 1s ease;  
	-o-transition: color 1s ease;  
	transition: color 1s ease;
}

#free-vid a:visited {
	color: #e4ddd4; /* creme */
	text-decoration: none;
}

#free-vid a:hover {
	color: #8fb5c9; /* blue */
	text-decoration: none;
}
	

/********************************************************************************************* 

10. Forms

*********************************************************************************************/
input,
textarea {
	padding: 1%;
	width: 98%;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	border: none;
	border-radius: 5px;
	background-color: #183543; /* teal */
}

input[type="submit"],
input[type="reset"] {
	padding: 6px 10px 6px 10px;
	width: auto;
	font-size: inherit;
	font-weight: 300;
	color: #869eac; /* blue */
	background-color: #183543; /* teal */
	border: none;
	border-radius: 5px;
	cursor: pointer;
}

input[type="submit"]:hover,
input[type="reset"]:hover {
	color: #e4ddd4; /* creme */
}

textarea {
	resize: none;
}

::-webkit-input-placeholder {
	color: #869eac; /* blue */
}

:-moz-placeholder { /* Firefox 18- */
	color: #869eac; /* blue */
}

::-moz-placeholder {  /* Firefox 19+ */
	color: #869eac; /* blue */
}

:-ms-input-placeholder {  
	color: #869eac; /* blue */
}

/********************************************************************************************* 

11. Lists

*********************************************************************************************/
#contents dl {
}

#contents dt {
	font-weight: bold;
}

#contents dd {
	margin-left: 20px;
	padding-bottom: 20px;
	line-height: 20px;
}

#contents ol {
	margin-left: 15px;
	margin-bottom: 25px;
	list-style: upper-roman;
	line-height: 22px;
}

#contents ul {
	margin-left: 15px;
	margin-bottom: 25px;
	list-style: disc;
	line-height: 22px;
}

.services #contents ul {
	margin-bottom: 0;
}

.concerts #contents ul {
	margin-bottom: 0;
}

#contents ul li,
#contents ol li {
	margin-bottom: 10px;
}

#contents ul li ul {
	margin-top: 10px;
	list-style: circle;
}

#contents ol li ol {
	margin-top: 10px;
	list-style: lower-alpha;
}

#contents ul li ul,
#contents ol li ol {
	margin-top: 10px;
	margin-bottom: 10px;
}

/********************************************************************************************* 

12. Images

*********************************************************************************************/
#contents img {
	margin-bottom: 0;
    max-width: 100%;
}

.image-pad {
	padding: 0 30px 10px 0;
}

/********************************************************************************************* 

13. Tables

*********************************************************************************************/

/********************************************************************************************* 

14. Misc

*********************************************************************************************/
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
} 

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

iframe {
	border: 0;
}

/********************************************************************************************* 

15. Media Queries

*********************************************************************************************/

/* mobile phones */
@media only screen and (min-width: 0px) and (max-width: 679px) {
	
/* body */
body {
	background: url(includes/images/bg-mobile.jpg) top center scroll no-repeat;
	background-size: 800px;
	background-color: #001723; /* dark blue */
}

#wrapper {
	margin: 0 auto;
	padding: 2%;
	width: 90%;
	background-color: #0f2834;  /* teal */
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 20px 0 rgba(255,255,255,.66), 0 0 10px 0 rgba(0,0,0,.5);
	box-shadow: inset 0 0 20px 0 rgba(255,255,255,.66), 0 0 10px 0 rgba(0,0,0,.5);
}

#inner-wrapper {
	padding: 5%;
	background-color: #001723; /* dark blue */
	-webkit-border-radius: 7px;
	border-radius: 7px;
	-webkit-box-shadow: 0 0 2px 0 rgba(255,255,255,.5);
	box-shadow: 0 0 2px 0 rgba(255,255,255,.5);
}

.services hr.bottom-hr {
	display: none;
}

hr.example-hr-mobile {
	display: block;
}

hr.portfolio-hr {
	display: none;
}

/* header */
header {
	margin: 0 auto 0 auto;
	width: 100%;
	height: auto;
}

header #logo {
	margin-top: 15px;
	background: url(includes/images/legacy-films-logo-mobile.png) top center scroll no-repeat;
	background-size: 200px 100px;
	width: 200px;
	height: 100px;
}

/* menu */
nav {
	margin-top: -20px;
	margin-bottom: 0;
	width: 100%;
	position: relative;
}

/* footer */
footer {
	padding: 0 4%;
}

/* content */
#industries {
	display: none;
}

#free-vid {
	margin: 0 auto 10px auto;
	padding: 10px 10px 5px 10px;
	width: 200px;
	font-family: 'Sorts Mill Goudy', serif;
	font-size: 14px;
	font-weight: 400;
	color: #869eac; /* blue */
	text-align: center;
	background-color: #183543; /* teal */
	border: none;
	border-radius: 5px;
}

/* paragraphs */
.half {
	width: 100%;
}

.services h2.half {
	width: 80%;
}

/* headings */
h1 {
	font-size: 20px;
}

h2 {
	font-size: 18px;
}

h3 {
	font-size: 16px;
}

h4 {
	font-size: 14px;
}

h5 {
	font-size: 10px;
}

h6 {
	font-size: 10px;
}

.about h1,
.services h1,
.branding h1,
.commercials h1,
.communications h1,
.webcasting h1,
.promotional h1,
.recruiting h1,
.testimonials h1,
.tribute h1,
.production h1,
.history h1,
.corporate h1,
.pr h1,
.concerts h1,
.website h1,
.training h1,
.capital h1,
.photography h1 {
	width: 60%;
}

/* bg images */
.home,
.about,
.services,
.branding,
.commercials,
.communications,
.webcasting,
.promotional,
.recruiting,
.testimonials,
.tribute,
.production,
.history,
.corporate,
.pr,
.concerts,
.website,
.training,
.capital,
.photography {
	background-size: 100%;
}

/* columns */
.left {
	width: 100%;
	float: none;
}
	
.right {
	padding-left: 0;
	width: 100%;
	float: none;
	border-left: none;
}

.one-half {
	width: 100%;
	float: none;
}

.home .one-half {
	margin-bottom: 25px;
}

.services .one-half {
	margin-bottom: 0;
}

.contact .one-half {
	margin-bottom: 0;
}

.one-half-last {
	width: 100%;
	float: none;
}

.one-third {
	margin-right: 0;
	width: 100%;
	float: none;
}

.one-third-last {
	width: 100%;
	float: none;
}

.two-thirds {
	margin-right: 0;
	width: 100%;
	float: none;
}

.two-thirds-last {
	width: 100%;
	float: none;
}

.one-fourth {
	margin-right: 0;
	width: 100%;
	float: none;
}

.concerts #contents .one-fourth {
	margin-bottom: 0;
}

.one-fourth-last {
	width: 100%;
	float: none;
}

.three-fourths {
	margin-right: 0;
	width: 100%;
	float: none;
}

.three-fourths-last {
	width: 100%;
	float: none;
}

/* lists */
.services #contents .one-half ul,
.concerts #contents .one-third ul {
	margin-bottom: 0;
}

/* misc */
iframe#g-map {
	margin-bottom: 0;
}

}

/* mobile phones */
@media only screen and (min-width: 0px) and (max-width: 679px) and (orientation : landscape) {

/* bg images */
.home,
.about,
.services,
.branding,
.commercials,
.communications,
.webcasting,
.promotional,
.recruiting,
.testimonials,
.tribute,
.production,
.history,
.corporate,
.pr,
.concerts,
.website,
.training,
.capital,
.photography {
	background-size: 50%;
}

}

@media only screen and (min-width: 680px) and (max-width: 1024px) and (orientation : portrait) {

/* body */
body {
	background: url(includes/images/bg-tablets.jpg) top center scroll no-repeat;
	background-color: #0a1117; /* dark blue */
}

#wrapper {
	margin: 0 auto 0 auto;
	width: 90%;
}

hr.example-hr-mobile {
	display: block;
}

/* header */
header {
	margin: 0 auto 0 auto;
	width: 100%;
	height: auto;
}

/* menu */
ul.nav-menu li a {
	padding: 0 20px;
}

/* bg images */
.home,
.about,
.services,
.branding,
.commercials,
.communications,
.webcasting,
.promotional,
.recruiting,
.testimonials,
.tribute,
.production,
.history,
.corporate,
.pr,
.concerts,
.website,
.training,
.capital,
.photography {
	background-size: 95%;
}

/* headings */
.promotional h1,
.website h1,
.communications h1,
.capital h1,
.training h1,
.recruiting h2,
.webcasting h1,
.commercials h1,
.production h1 {
	width: 60%;
}

/* columns */
.one-half {
	width: 100%;
	float: none;
}

.home .one-half {
	margin-bottom: 25px;
}

.one-half-last {
	width: 100%;
	float: none;
}

.one-third {
	margin-right: 0;
	width: 100%;
	float: none;
}

.one-third-last {
	width: 100%;
	float: none;
}

.two-thirds {
	margin-right: 0;
	width: 100%;
	float: none;
}

.two-thirds-last {
	width: 100%;
	float: none;
}

.one-fourth {
	margin-right: 0;
	width: 100%;
	float: none;
}

.one-fourth-last {
	width: 100%;
	float: none;
}

.three-fourths {
	margin-right: 0;
	width: 100%;
	float: none;
}

.three-fourths-last {
	width: 100%;
	float: none;
}

/* misc */
iframe#g-map {
	margin-bottom: 0;
}

}

@media only screen and (min-width: 680px) and (max-width: 1199px) and (orientation : landscape) {
/* body */
body {
	background: url(includes/images/bg-tablets.jpg) top center scroll no-repeat;
	background-color: #0a1117; /* dark blue */
}

#wrapper {
	margin: 0 auto 0 auto;
	width: 93%;
}

/* header */
header {
	margin: 0 auto 0 auto;
	width: 100%;
	height: auto;
}

/* menu */
ul.nav-menu li a {
	padding: 0 30px;
}

/* bg images */
.home,
.about,
.branding,
.commercials,
.communications,
.webcasting,
.promotional,
.recruiting,
.testimonials,
.tribute,
.production,
.history,
.corporate,
.pr,
.concerts,
.website,
.training,
.capital,
.photography {
	background-size: 95%;
}

/* headings */
.promotional h1,
.website h1,
.communications h1,
.capital h1,
.training h1,
.recruiting h2,
.webcasting h1,
.commercials h1,
.production h1 {
	width: 70%;
}

}