# Empty CSS file for your own CSS

/*
 * Globals
 */

/* Links */
a,
a:focus,
a:hover {
  color: #fff;
}

/* Custom default button */
.btn-secondary {
    color: #75C4AE;
    text-transform: UPPERCASE;
    font-size: 12px;
    padding: 12px 22px;
    display: block;
    border: .05rem solid #ccc;
}


/*
 * Base structure
 */

html,
body {
  height: 100%;
}

body {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  font-family: "sans-serif",Helvetica,Arial,sans-serif;
  color: #777;
}
p {
    margin-bottom: 0.8rem;
}
.cover-container {
  max-width: 80%;
}
main.inner.cover {
    font-family: 'robotolight';
}

/*
 * Header
 */
.masthead {
  margin-bottom: 2rem;
}

.masthead-brand {
  margin-bottom: 0;
}
.site-header .logo {
    width: 165px;
    float: left;
    font-family: "gilroyextrabold",Helvetica,Arial,sans-serif;
    font-weight: 400;
}
.inner.logo .site-title a {
    color: #04123E;
    font-size: 30px;
}
/*
 * Cover
 */
.cover {
  padding: 0 1.5rem;
}
.cover .btn-lg {
  padding: .75rem 1.25rem;
  font-weight: 700;
}
.bannerImage{
    width: 100%;
}
.col-md-leftContent{
    padding-top: 14% !important;
}
.col-md-leftContent h2, .col-md-leftContent p strong{
    color: #383838;
}  
.col-md-leftContent h2{
    font-size: 40px;
}     
.col-md-rightContent{
    padding-top: 9% !important;
}
/*
 * Footer
 */
.mastfoot {
    font-size: 12px;
    color: #777;
    font-family: "gilroy",Helvetica,Arial,sans-serif;
    margin-top: 20px;
    width: 100%;
    float: left;
}
footer.mastfoot a:hover {
    color: #04123E;
}
footer.mastfoot a {
    color: #777;
}
@media only screen and (max-width: 600px) {
    .col-md-leftContent{
        padding-top: 5% !important;
    }
    .col-md-rightContent{
        padding-top: 0% !important;
    }
}