/**
 * @published	9/22/2015
 * @copyright	Copyright (c) Curtis Nehring of Pacific Web Techs, LLC. All Rights Reserved.
 * @author      Curtis Nehring @ pacificwebtechs.com
 * @link        http://www.pacificwebtechs.com
 * @license     All Rights Reserved by Copyright Holder.
 * @package	Micro Frame
 */

/***********************************************************************************
 ***********************************************************************************
 *
 * PUT ALL CUSTOM CSS FOR YOUR SITE IN THIS FILE.
 * ALTERATIONS TO THE OTHER CSS FILES WILL BE OVERRIDDEN
 * AS UPDATES TO THE FRAMEWORK ARE MADE AND PUSHED.
 *
 * This file is for custom css and css overrides specific to your site.
 *
 ***********************************************************************************
 ***********************************************************************************/

/*******
 * Fonts - typography
 ***/
@font-face { /******* BEGIN example of how to add a provided font *******/
	font-family: 'Planewalker';
	src: url('../fonts/Planewalker.eot');
	src: local('Planewalker'), url('../fonts/Planewalker.woff') format('woff'), url('../fonts/Planewalker.ttf') format('truetype');
}

.font-planewalker {
	font-family: 'Planewalker' !important;
} /******* END example *******/

@font-face {
    font-family: 'Forum';
    font-style: normal;
    font-weight: 400;
    src: local('Forum'), url(https://fonts.gstatic.com/s/forum/v7/eMDvaUkVr_spjjcEeqYI5A.woff2) format('woff2');
}
.font-forum {
    font-family: 	Forum !important;
}

@font-face {
    font-family: 'Gruppo';
    font-style: normal;
    font-weight: 400;
    src: local('Gruppo'), url(https://fonts.gstatic.com/s/gruppo/v7/EoL765IZSvUoJyAsw4h7ow.woff2) format('woff2');
}
.font-gruppo {
    font-family: 	Gruppo !important;
}

@font-face {
  font-family: 'VT323';
  font-style: normal;
  font-weight: 400;
  src: local('VT323'), local('VT323-Regular'), url(https://fonts.gstatic.com/s/vt323/v7/lo_L7yCDHYN9FAxvMCI1vQ.woff2) format('woff2');
}
.font-404 {
    font-family: 	VT323 !important;
    letter-spacing:     0.07em !important;
}

.font-verana {
    font-family: 	Verdana !important;
}


html,
body {
    font-size: 14px;
    font-family:    Candara, 
                    Calibri, 
                    sans-serif;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5 {
    font-family:    Forum,
                    Gruppo,
                    Calibri,
                    sans-serif;
}

h1, .h1,
h2, .h2 {
    color: rgba(0, 0, 0, .99);
}

h3, .h3 {
    color: rgba(0, 0, 0, .84);
}

h4, .h4,
h5, .h5 {
    color: rgba(0, 0, 0, .69);
}

p {
    font-family:    Candara, 
                    Calibri, 
                    sans-serif;
}

.heading {
    color: #00556d;
    font-family: 'Fjalla One', sans-serif;
    line-height: 25px;
    margin: 60px 0 0 145px;
    text-shadow: 0 1px 3px #fefefe;
    text-transform: uppercase;
    font-size: 1.13em;
    text-decoration: none !important;
}

a {
    color: rgba(0, 0, 255, .7);
    text-decoration: underline;
}

/***
 * END FONTS
 ******************/

/*******
 * Main
 ***/


/*******
* Header
***/


/***
 * Navigation
 ***/
 

/*******
 * Showcase
 ***/


/*******
 * Content
 ***/


/*******
 * Footer
 ***/


/*******
 * Back to top
 ***/


/*******
* Forms
***/


/*******
 * Carousel
 ***/


/*******
 * Error Pages/Messages
 ***/


/*******
 * Buttons
 ***/


/*******
 * Accordions
 ***/


/*******
 * Special Styles
 ***/


/*******
 * Utility Styles
 ***/


/*******
 * Responsive - media query area 
 ***/
@media (max-device-width: 480px) and (orientation: landscape) {
    
}

@media (max-width: 350px) {
    
}

@media (max-width: 479px) {
    
}

@media (min-width: 480px) {
    
}

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

@media (min-width: 768px) {
    
}

@media screen and (min-width: 768px) {
    
}

@media (max-width: 800px) {
    
}

@media (max-width: 860px) {
    
}

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

@media (max-width: 992px) {
    
}

@media (min-width: 992px) {
    
}

@media (max-width: 1199px) {
    
}

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

@media (min-width: 1200px) {
    
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    
}

@media all and (transform-3d), (-webkit-transform-3d) {
    
}

@media print {
    
}