/* Text Elements */

h1.Title1 {
  text-align: center;
  font-size: 37px;
  font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
}

h1 span.heading-text-1 {
  font-family: Impact, Haettenschweiler, 'Franklin Gothic Bold', Charcoal, 'Helvetica Inserat', 'Bitstream Vera Sans Bold', 'Arial Black', sans-serif;
}

h1.heading-2 {
  padding-top: 0;
  width: 70%;
}

h1.heading-1 {
  position: relative;
  float: none;
  overflow: hidden;
  padding: 124px 25px 13px 19px;
  width: 100%;
  background-color: #d0d9f2;
  background-image: url(../BlueLights.jpg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  color: #273ca8;
  text-align: left;
  white-space: nowrap;
  line-height: .72;
}

h2 span.heading-text-2 {
  font-size: 28px;
}

h2.heading-3 {
  padding: 1px 26px 12px 112px;
  text-align: left;
}

p.paragraph span.paragraph-text-1 {
  font-size: 34px;
}

p.paragraph.paragraph-1 {
  margin-top: 49px;
  margin-right: 9%;
  margin-bottom: 7px;
  text-align: center;
}

p.paragraph span.paragraph-text-2 {
  font-size: 20px;
}

p.paragraph.paragraph-2 {
  display: block;
  float: none;
  margin-top: 3px;
  width: auto;
  text-align: center;
  text-indent: 0;
  letter-spacing: -1px;
}

/* Interaction Elements */

a.link-button.button-link-1 {
  background-color: #7277ad;
  background-clip: border-box;
}

a.link-button.button-link-2 {
  border-width: 2px;
  border-color: #faf5f5;
  background-color: #7277ad;
}

a.link-button.button-link-3 {
  border-width: 3px;
  border-color: #faf5f5;
  background-color: #7277ad;
}

/* Layout Elements */

body > .row.row-1 {
  padding-top: 0;
}

body > .row > [class*='coffee-span-'].ServiceDescrip1 {
  padding: 0 0 0 93px;
}

div.responsive-picture.picture-1 {
  position: relative;
  right: auto;
  left: auto;
  float: none;
  margin-right: auto;
  margin-left: auto;
  max-width: 433px;
  max-height: 300px;
  width: 85%;
}

div.responsive-picture.picture-1 > picture {
  margin: -32px -60px -8px 0;
}

div.responsive-picture.picture-2 {
  position: relative;
  float: right;
  clear: right;
  margin-right: 15%;
  margin-left: 0;
  padding: 6px 6px 0 1px;
  max-width: 186px;
  width: 100%;
  border-width: 2px;
  border-style: groove;
}

div.responsive-picture.picture-2 > picture {
  margin: -4px -2px 0 -2px;
}