﻿*, body { font-family: 'RobotoLight'; font-size: 1rem;}
a { transition: background-color ease 0.5s; }
a:link, a:visited, a.btn:link, a.btn:visited { color: #333; }
a.btn:hover, a.btn:active, a.btn:focus { background-color: #ff0000; color: #fff; }
h1, h2, h3, h4, h5, h6 { font-family: 'RobotoBold'; }
.title-bar, .top-bar, .top-bar ul { background-color: #fff; }
.top-bar li.tagline { font-size: 1.2rem; font-weight: bold; line-height: 1.2rem; }
@media only screen and (max-width: 40em)
{
    .top-bar li.tagline { font-size: 0.875rem; }
}
@media only screen and (max-width: 30em)
{
    #header-menu img { max-width: 150px; }
    .top-bar li.tagline { display: none; }
}
@media screen and (max-width: 39.9375em) and (min-width: 0em) {
    .top-bar-left { width: auto; }
    .top-bar-right { width: auto; }
}
.top-bar a.mail { font-size: 1.5rem; padding: 0.5rem !important; line-height: 1.5rem; transition: color ease 0.5s; }
.top-bar a.mail:hover { color: #ff0000; }
.top-bar a.mail i { font-size: 1.5rem; }
.bg-home { 
    background: #1e5799;
    background: -moz-linear-gradient(top, #1e5799 0%, #2f3943 93%, #2f3943 96%, #2f3943 97%, #2f3943 100%);
    background: -webkit-linear-gradient(#1e5799 0%, #2f3943 93%, #2f3943 96%, #2f3943 97%, #2f3943 100%);
    background: -o-linear-gradient(#1e5799 0%, #2f3943 93%, #2f3943 96%, #2f3943 97%, #2f3943 100%);
    background: linear-gradient(#1e5799 0%, #2f3943 93%, #2f3943 96%, #2f3943 97%, #2f3943 100%);
}
.cover-tagline { padding: 100px 0; }
.cover-tagline h1 { color: #fff; font-size: 3.5rem; }
.home-icons { padding-bottom: 100px; }
@media only screen and (max-width: 90em) {
    .cover-tagline { padding: 50px 0; }
    .home-icons { padding-bottom: 50px; }
}
@media only screen and (max-width: 30em) {
    .cover-tagline h1 { font-size: 2rem; }
}
.icon-wrapper {width: 180px; height:180px; cursor: pointer; margin: 1rem auto; border-radius:90px; background-color: #fff; color: #333; transition: all ease 0.5s; }
.icon-wrapper i { font-size: 4rem; display: block; padding-top: 1.6rem; padding-bottom: 1rem; text-align: center; }
.icon-wrapper:hover { background-color: #1e5799; color: #fff; }

@media only screen and (max-width: 30em)
{
    .icon-wrapper {width: 80px; height:80px; border-radius:40px; }
    .icon-wrapper i { font-size: 3.6rem; padding-top: 0.8rem; }
    .icon-wrapper span { display: none; }    
}

.parallax-window { min-height: 250px; background: transparent; }
@media only screen and (max-width: 48em) {
    .parallax-window { min-height: 100px; }
}

.section { padding: 50px 0; }
.section h2 { color: #1e5799; }
p.headline { font-weight: bold; }
p.finalline { font-weight: bold; color: #ff0000; }
ul.list li { font-size: 0.875rem; color: #444; }

#marketing .subsection { padding-top: 100px; }
@media only screen and (max-width: 30em)
{
    #marketing .subsection { padding-top: 0; }
}
#footer { padding: 50px 0; }