@charset "UTF-8";
<!--
body {
  height: 100%;
  margin: 0;
  overflow: hidden; }

.backgroundIndex {
  background-image: url("../images/background_thomas-duncan-watt_index-page.jpg");
  height: 100%;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.backgroundAbout {
  background-image: url("../images/background_thomas-duncan-watt_about-page.jpg");
  height: 100%;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.icons {
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 400px;
  text-align: center;
  opacity: 0.8; }

@font-face {
    font-family: 'Better Together';
    src: url('../include/betterTogether.ttf') format('truetype');
    font-weight: normal;
    font-style: normal; }

.icons span.text {
  font-family: Better Together;
  font-size: 30px;
  color: #FFF;
  padding: 18px; }

.icons span.logos {
  padding-top: 40px; }

.content {
  position: absolute;
  left: 50px;
  top: 150px;
  width: 700px;
  font-size: 18px;
  opacity: 0.8;
  background-color: #FFF;
  text-align: left;
  font-family: Verdana;
  padding-left: 15px;
  padding-right: 15px; }

.heading {
  position: absolute;
  left: 50px;
  top: 50px;
  width: 400px;
  font-size: 11px;
  opacity: 0.8;
  font-family: Better Together;
  font-size: 60px;
  color: #FFF;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px; }

.boldItalic {
  font-weight: bold; font-style: italic; }

.italic {
  font-style: italic; }
 -->