/*
Theme Name: PigeonPenguin.com Bootstrap
Theme URI: http://www.pigeonpenguin.com/ppbootstrap-theme
Description: A Bootstrap theme by www.pigeonpenguin.com.
Author: Phil Bowen (who would like to acknowledge the input from Zac Gordon TeamTreeHouse)
Author URI: http://www.pigeonpenguin.com
Version: 1.1
Tags: responsive, white, bootstrap

License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
License URI: http://creativecommons.org/licenses/by-sa/3.0/

This simple theme was built using the example Bootstrap theme "Basic marketing site" found on the Bootstrap web site http://twitter.github.com/bootstrap/examples/hero.html
*/

/* Extra Small */
@media(max-width:767px){
    .pp-mobile {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.ems-header-space, a.ems-header-space {
    font-size: 120%;
    padding-top: 20px;
    color: #2C2D5B;
}

.ems-shout-out {
    font-size: 200%;
}

.imgTitle {
    position: absolute;
    top: 70%;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0%;
    color: #fff;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    font-size: 120%;
    text-transform: uppercase;
    visibility: visible;
    opacity: 0.8;
    padding: 5%;
    box-sizing: border-box;
    margin-bottom: 0px;
    margin-top: 10px;
    margin-right: 20px;
    margin-left: 20px;

    /*remove comment if you want a gradual transition between states */
    -webkit-transition: visibility opacity 0.2s;

}

.ems-header {
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
    border-bottom: 2px solid #2C2D5B;
    padding-bottom: 4px;
    font-size: 120%;
}

.ems-title {
    color: #2C2D5B;
    font-size: 200%;
    padding-top: 20px;
    top: 40%;
}

/* extra small */
@media(max-width:767px){
    .ems-title {
        padding-top: 0px;
    }
}

.ems-line {
    border-color: #2C2D5B;
    border-width: 10px;
    margin-top: 0px;
    margin-bottom: 20px;
}

body {
    font-size: 16px;
}

.ems-color {
    color: #2C2D5B;
}

a {
    color:#2C2D5B;
}

/* extra small */
@media(max-width:767px){
.ems-mobile {
    padding-left: 0px;
    padding-right: 0px;
}
}