@font-face {
  font-family: 'Aleo';
  src: url('bootstrap/fonts/aleo-regular-webfont.eot');
  src: url('bootstrap/fonts/aleo-regular-webfont.eot?#iefix') format('embedded-opentype'),
   url('bootstrap/fonts/aleo-regular-webfont.woff2') format('woff2'),
   url('bootstrap/fonts/aleo-regular-webfont.woff') format('woff'),
   url('bootstrap/fonts/aleo-regular-webfont.ttf') format('truetype'),
   url('bootstrap/fonts/aleo-regular-webfont.svg#aleoregular') format('svg');
}

@font-face {
  font-family: 'Aleo';
  src: url('bootstrap/fonts/aleo-bold-webfont.eot');
  src: url('bootstrap/fonts/aleo-bold-webfont.eot?#iefix') format('embedded-opentype'),
   url('bootstrap/fonts/aleo-bold-webfont.woff2') format('woff2'),
   url('bootstrap/fonts/aleo-bold-webfont.woff') format('woff'),
   url('bootstrap/fonts/aleo-bold-webfont.ttf') format('truetype'),
   url('bootstrap/fonts/aleo-bold-webfont.svg#aleobold') format('svg');
   font-weight: bold;
}

#header {  
  text-align: left;
  margin-top: 10px;
  vertical-align: middle;
  margin-bottom: 20px;
}

#logo {  
  margin-right: -20px;
}

#headerSpacer {
  height: 50px;
}

#header h1 {
  font-weight: bold;
  color: #005390;
  font-size: 60px;
  text-transform: uppercase;  
}

#profileImage {
  max-width: 100%;
  max-height: 500px;
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
  float: right;
}

#introRow {
  margin-bottom: 20px;
}

#intro_nameWrapper h2 {
  margin-top: 0;
  color: #005390;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 40px;
  margin-bottom: 5px;
}

#intro_nameWrapper {
  font-size: 120%;
  margin-bottom: 20px;
}

.glyphicon {
  color: #005390;
}

div>h2 {
  margin-top: 5px;
}

#footer {
  background-color: rgba(0,83,144,0.15);
  padding-top: 40px;
  padding-bottom: 20px;
  font-size: 105%;
}

#footer>div>div {
  margin-bottom: 10px;
  padding-left: 0px;
}

#footer strong {
  color: #005390;
  font-size: 120%;
}

#footer .iconCol {
  padding-right: 0;
  padding-left: 0px;
  padding-top: 0.2em;
}

#footer span.glyphicon {
  text-align: right;
  float: right;
  font-size: 120%;
}

#footer h2 {
  margin-top: 0;
  color: #005390;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 25px;
  margin-bottom: 5px;
}

#footer a {
  color: black;
}

#mainContainer {  
  background-image: url(background_elements.svg), linear-gradient(to bottom, rgba(0,83,144,0.01) 0%,rgba(0,83,144,0.075) 100%);
  background-repeat: no-repeat;
  background-position: left 100%, 0;
  background-size: 33.333%, 100%;
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
  margin-top: 20px;
  margin-bottom: 20px;
  min-width: 400px;
}

#mainContainer .row {
  padding-left: 20px;
  padding-right: 20px;
}

#mainContainer .iconColumn {
  font-size: 100px !important;
  padding-left: 0px;
}

.list-group-item {
    overflow-y: auto;
}

@media (min-width: 768px) and (max-width: 991px) {
  #footer #footer_nameWrapper {
    margin-bottom: 50px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  #footer #phoneWrapper {
    padding-left: 80px;
  }
}

@media (min-width: 1200px) {
  #footer #phoneWrapper {
    padding-left: 80px;
  }
}