/* * Skeleton V1.2 * Copyright 2011, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 6/20/2012 */ /* Table of Content ================================================== #Site Styles #Page Styles #Media Queries #Font-Face */ /* #Site Styles ================================================== */ /* #Page Styles ================================================== */ /* #Media Queries ================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width:959px) { img { max-width:100%; height:auto;} .container { width:98%; } .twelve { width:100%; margin:0 auto;} a#pull { display:block;} .navigation ul { position:absolute; top:40px; left:0; text-align:left; z-index:99999; display:none; } .navigation ul li { display:block; float:none;} .navigation ul li:last-child{ float:none;} .navigation ul li:first-child a { border-top:none;} .navigation ul li a { display:block; border-top:1px solid #fff; padding:10px 10px 10px 20px;} #menu ul { position:relative; top:0;} .quote_box.twelve { margin:60px auto 30px;} .quote_box { padding:10px 0;} .quote_box blockquote { margin-left:2%; font-size: 27px; line-height: 28px;} .inner_wrapper { width:100%;} .inner_wrapper .left_cont { width:68%; padding:30px 2%; } .inner_wrapper .right_cont { width:26%; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { .white_box .box_one { width:28%; padding:15px 1.5%; margin:0 1%;} .white_box .box_one h3 { font-size:16px;} .white_box section.desc_sec { min-height:105px;} .footer .foot_box { max-width:160px; padding-left:15px; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .header_left { float:none; } .header_right { float:left; margin-top:20px;} .header_left img { max-width:100%; height:auto;} .quote_box blockquote { width:62%; font-size: 20px; line-height: 28px;} .quote_box .qute_img { right:2%; width:30%;} .inner_wrapper .left_cont { width:96%; padding:30px 2%; float:none; } .inner_wrapper .right_cont { width:100%; float:none; max-width:100%; margin-top:20px; } .white_box { text-align:center;} .white_box .box_one { float:none; display:block; margin:0 auto 20px;} .slider .abs_text{ left:1%;} .footer .foot_box { margin-bottom:20px; border-left:none;} } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .white_box .box_one { max-width:100%; width:88%; padding:15px 5%;} } /* #Font-Face ================================================== */ /* open-sans-300 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('../fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */ src: local('Open Sans Light'), local('OpenSans-Light'), url('../fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-300italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: url('../fonts/open-sans-v15-latin-300italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url('../fonts/open-sans-v15-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: url('../fonts/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('../fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */ src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('../fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: url('../fonts/open-sans-v15-latin-600italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url('../fonts/open-sans-v15-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-600italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('../fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */ src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: url('../fonts/open-sans-v15-latin-700italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('../fonts/open-sans-v15-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: url('../fonts/open-sans-v15-latin-800.eot'); /* IE9 Compat Modes */ src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('../fonts/open-sans-v15-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-800.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 800; src: url('../fonts/open-sans-v15-latin-800italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url('../fonts/open-sans-v15-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-800italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* lato-100 - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 100; src: url('../fonts/lato-v14-latin-100.eot'); /* IE9 Compat Modes */ src: local('Lato Hairline'), local('Lato-Hairline'), url('../fonts/lato-v14-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/lato-v14-latin-100.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/lato-v14-latin-100.woff') format('woff'), /* Modern Browsers */ url('../fonts/lato-v14-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/lato-v14-latin-100.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-100italic - latin */ @font-face { font-family: 'Lato'; font-style: italic; font-weight: 100; src: url('../fonts/lato-v14-latin-100italic.eot'); /* IE9 Compat Modes */ src: local('Lato Hairline Italic'), local('Lato-HairlineItalic'), url('../fonts/lato-v14-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/lato-v14-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/lato-v14-latin-100italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/lato-v14-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/lato-v14-latin-100italic.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-300 - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; src: url('../fonts/lato-v14-latin-300.eot'); /* IE9 Compat Modes */ src: local('Lato Light'), local('Lato-Light'), url('../fonts/lato-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/lato-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/lato-v14-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/lato-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/lato-v14-latin-300.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-300italic - latin */ @font-face { font-family: 'Lato'; font-style: italic; font-weight: 300; src: url('../fonts/lato-v14-latin-300italic.eot'); /* IE9 Compat Modes */ src: local('Lato Light Italic'), local('Lato-LightItalic'), url('../fonts/lato-v14-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/lato-v14-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/lato-v14-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/lato-v14-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/lato-v14-latin-300italic.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-regular - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: url('../fonts/lato-v14-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Lato Regular'), local('Lato-Regular'), url('../fonts/lato-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/lato-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/lato-v14-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/lato-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/lato-v14-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-italic - latin */ @font-face { font-family: 'Lato'; font-style: italic; font-weight: 400; src: url('../fonts/lato-v14-latin-italic.eot'); /* IE9 Compat Modes */ src: local('Lato Italic'), local('Lato-Italic'), url('../fonts/lato-v14-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/lato-v14-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/lato-v14-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/lato-v14-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/lato-v14-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-700 - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: url('../fonts/lato-v14-latin-700.eot'); /* IE9 Compat Modes */ src: local('Lato Bold'), local('Lato-Bold'), url('../fonts/lato-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/lato-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/lato-v14-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/lato-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/lato-v14-latin-700.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-700italic - latin */ @font-face { font-family: 'Lato'; font-style: italic; font-weight: 700; src: url('../fonts/lato-v14-latin-700italic.eot'); /* IE9 Compat Modes */ src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url('../fonts/lato-v14-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/lato-v14-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/lato-v14-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/lato-v14-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/lato-v14-latin-700italic.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-900 - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 900; src: url('../fonts/lato-v14-latin-900.eot'); /* IE9 Compat Modes */ src: local('Lato Black'), local('Lato-Black'), url('../fonts/lato-v14-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/lato-v14-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/lato-v14-latin-900.woff') format('woff'), /* Modern Browsers */ url('../fonts/lato-v14-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/lato-v14-latin-900.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-900italic - latin */ @font-face { font-family: 'Lato'; font-style: italic; font-weight: 900; src: url('../fonts/lato-v14-latin-900italic.eot'); /* IE9 Compat Modes */ src: local('Lato Black Italic'), local('Lato-BlackItalic'), url('../fonts/lato-v14-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/lato-v14-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/lato-v14-latin-900italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/lato-v14-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/lato-v14-latin-900italic.svg#Lato') format('svg'); /* Legacy iOS */ } video { width: 100% !important; height: auto !important; margin-bottom: -5px; }