@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab);
@import url(http://fonts.googleapis.com/css?family=Rouge+Script);


h1 { font-family: "Roboto Slab"; font-size: 350%; letter-spacing: -2px; font-weight: 600 }
h1 small {letter-spacing: 2px; font-size: 70%}

h2 { font-family: "Roboto Slab"; letter-spacing: 3px; font-weight: 100; text-transform: uppercase; }
h2 small {font-family: "Rouge Script"; letter-spacing: -2px; font-size: 100%; text-transform: lowercase;}

h3, h4, h5, h6 { font-family: "Oswald"; font-weight: 400; color: #325557}

p { font-family: "Roboto Slab"; font-weight: 400; }

panel-body  { font-family: "Roboto Slab"; font-weight: 300; }

// for demo reel
.embed-container { position: relative;
                   padding-bottom: 56.25%;
                   height: 0; overflow: hidden;
                   max-width: 100%; }
.embed-container iframe,
.embed-container object,
.embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

body { background-color: #849798; }

.cgdougm-bgnd {
    width: 100%;
    height: 300px;
    background-image: url('img/CgDOUgM_1640.jpg'), linear-gradient(to bottom, #eee, #849798);
    background-repeat: no-repeat;
    background-size: contain;
}

.feature-tile-bgnd { background-color: #bdcbcc; }

#navbar-brand-text {font-family: "Roboto Slab"; font-size: 150%; letter-spacing: -1px; font-weight: 600;  }
#navbar-menu-text {font-family: "Roboto Slab"; font-size: 120%; font-weight: 200;  text-transform: lowercase; }

a:link {
    text-decoration: none;
}


.page-margins {
    margin: 5px;
    margin-top: 60px;
}

.video-margins {
    margin: 5px;
    margin-top: 20px;
}

.section-margins {
    margin: 5px;
}

.tile-margins {
    margin: 2px;
}