@charset "UTF-8";

* { box-sizing: border-box; }
::-moz-selection { text-shadow: none; }
::selection { text-shadow: none; }

html {
  color: #222;
  font-family: 'robato', Tahoma, Helvetica, Verdana, sans-serif;
  font-size: 1em;
  line-height: 1.5;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px dotted #ccc;
  margin: 1em 0;
  padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

h1, h2 {
  font-family: 'Roboto Slab', Georgia, 'Times New Roman', serif;
  font-weight: 400;
}
h3 {
  text-transform: uppercase;
}

a {
  color: #008fae;
  text-decoration: none;
  -ms-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
}

a:hover {
  color: #008be4;
  text-decoration: none;
  -ms-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
}

.qu {
  display: none;
  font-family: Georgia, serif;
}
.qu-first {
  padding-right: 4px;
}


/* ==========================================================================
   Symbolset
   ========================================================================== */
/*
* www.symbolset.com
* Copyright © 2014 Oak Studios LLC
*/

@font-face {
  font-family: "SSStandard";
  src: url('../webfonts/ss-standard.eot');
  src: url('../webfonts/ss-standard.eot?#iefix') format('embedded-opentype'),
       url('../webfonts/ss-standard.woff') format('woff'),
       url('../webfonts/ss-standard.ttf')  format('truetype'),
       url('../webfonts/ss-standard.svg#SSStandard') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "SSSocialCircle";
  src: url('../webfonts/ss-social-circle.eot');
  src: url('../webfonts/ss-social-circle.eot?#iefix') format('embedded-opentype'),
       url('../webfonts/ss-social-circle.woff') format('woff'),
       url('../webfonts/ss-social-circle.ttf')  format('truetype'),
       url('../webfonts/ss-social-circle.svg#SSSocialCircle') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* This triggers a redraw in IE to Fix IE8's :before content rendering. */
html:hover [class^="ss-"]{-ms-zoom: 1;}

.ss-icon, .ss-icon.ss-standard,
[class^="ss-"]:before, [class*=" ss-"]:before,
[class^="ss-"].ss-standard:before, [class*=" ss-"].ss-standard:before,
[class^="ss-"].right:after, [class*=" ss-"].right:after,
[class^="ss-"].ss-standard.right:after, [class*=" ss-"].ss-standard.right:after {
  font-family: "SSStandard";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

[class^="ss-"].right:before,
[class*=" ss-"].right:before{display:none;content:'';}

.ss-cursor:before,.ss-cursor.right:after{content:''}.ss-crosshair:before,.ss-crosshair.right:after{content:'⌖'}.ss-search:before,.ss-search.right:after{content:'🔎'}.ss-zoomin:before,.ss-zoomin.right:after{content:''}.ss-zoomout:before,.ss-zoomout.right:after{content:''}.ss-view:before,.ss-view.right:after{content:'👀'}.ss-attach:before,.ss-attach.right:after{content:'📎'}.ss-link:before,.ss-link.right:after{content:'🔗'}.ss-move:before,.ss-move.right:after{content:''}.ss-write:before,.ss-write.right:after{content:'✎'}.ss-writingdisabled:before,.ss-writingdisabled.right:after{content:''}.ss-erase:before,.ss-erase.right:after{content:'✐'}.ss-compose:before,.ss-compose.right:after{content:'📝'}.ss-lock:before,.ss-lock.right:after{content:'🔒'}.ss-unlock:before,.ss-unlock.right:after{content:'🔓'}.ss-key:before,.ss-key.right:after{content:'🔑'}.ss-backspace:before,.ss-backspace.right:after{content:'⌫'}.ss-ban:before,.ss-ban.right:after{content:'🚫'}.ss-trash:before,.ss-trash.right:after{content:''}.ss-target:before,.ss-target.right:after{content:'◎'}.ss-tag:before,.ss-tag.right:after{content:''}.ss-bookmark:before,.ss-bookmark.right:after{content:'🔖'}.ss-flag:before,.ss-flag.right:after{content:'⚑'}.ss-like:before,.ss-like.right:after{content:'👍'}.ss-dislike:before,.ss-dislike.right:after{content:'👎'}.ss-heart:before,.ss-heart.right:after{content:'♥'}.ss-halfheart:before,.ss-halfheart.right:after{content:''}.ss-star:before,.ss-star.right:after{content:'⋆'}.ss-halfstar:before,.ss-halfstar.right:after{content:''}.ss-sample:before,.ss-sample.right:after{content:''}.ss-crop:before,.ss-crop.right:after{content:''}.ss-layers:before,.ss-layers.right:after{content:''}.ss-fill:before,.ss-fill.right:after{content:''}.ss-stroke:before,.ss-stroke.right:after{content:''}.ss-phone:before,.ss-phone.right:after{content:'📞'}.ss-phonedisabled:before,.ss-phonedisabled.right:after{content:''}.ss-rss:before,.ss-rss.right:after{content:''}.ss-facetime:before,.ss-facetime.right:after{content:''}.ss-reply:before,.ss-reply.right:after{content:'↩'}.ss-send:before,.ss-send.right:after{content:''}.ss-mail:before,.ss-mail.right:after{content:'✉'}.ss-inbox:before,.ss-inbox.right:after{content:'📥'}.ss-chat:before,.ss-chat.right:after{content:'💬'}.ss-ellipsischat:before,.ss-ellipsischat.right:after{content:''}.ss-ellipsis:before,.ss-ellipsis.right:after{content:'…'}.ss-user:before,.ss-user.right:after{content:'👤'}.ss-femaleuser:before,.ss-femaleuser.right:after{content:'👧'}.ss-users:before,.ss-users.right:after{content:'👥'}.ss-cart:before,.ss-cart.right:after{content:''}.ss-creditcard:before,.ss-creditcard.right:after{content:'💳'}.ss-dollarsign:before,.ss-dollarsign.right:after{content:'💲'}.ss-barchart:before,.ss-barchart.right:after{content:'📊'}.ss-piechart:before,.ss-piechart.right:after{content:''}.ss-box:before,.ss-box.right:after{content:'📦'}.ss-home:before,.ss-home.right:after{content:'⌂'}.ss-buildings:before,.ss-buildings.right:after{content:'🏢'}.ss-warehouse:before,.ss-warehouse.right:after{content:''}.ss-globe:before,.ss-globe.right:after{content:'🌎'}.ss-navigate:before,.ss-navigate.right:after{content:''}.ss-compass:before,.ss-compass.right:after{content:''}.ss-signpost:before,.ss-signpost.right:after{content:''}.ss-map:before,.ss-map.right:after{content:''}.ss-location:before,.ss-location.right:after{content:''}.ss-pin:before,.ss-pin.right:after{content:'📍'}.ss-database:before,.ss-database.right:after{content:''}.ss-hdd:before,.ss-hdd.right:after{content:''}.ss-music:before,.ss-music.right:after{content:'♫'}.ss-mic:before,.ss-mic.right:after{content:'🎤'}.ss-volume:before,.ss-volume.right:after{content:'🔈'}.ss-lowvolume:before,.ss-lowvolume.right:after{content:'🔉'}.ss-highvolume:before,.ss-highvolume.right:after{content:'🔊'}.ss-airplay:before,.ss-airplay.right:after{content:''}.ss-camera:before,.ss-camera.right:after{content:'📷'}.ss-picture:before,.ss-picture.right:after{content:'🌄'}.ss-video:before,.ss-video.right:after{content:'📹'}.ss-play:before,.ss-play.right:after{content:'▶'}.ss-pause:before,.ss-pause.right:after{content:''}.ss-stop:before,.ss-stop.right:after{content:'■'}.ss-record:before,.ss-record.right:after{content:'●'}.ss-rewind:before,.ss-rewind.right:after{content:'⏪'}.ss-fastforward:before,.ss-fastforward.right:after{content:'⏩'}.ss-skipback:before,.ss-skipback.right:after{content:'⏮'}.ss-skipforward:before,.ss-skipforward.right:after{content:'⏭'}.ss-eject:before,.ss-eject.right:after{content:'⏏'}.ss-repeat:before,.ss-repeat.right:after{content:'🔁'}.ss-replay:before,.ss-replay.right:after{content:'↺'}.ss-shuffle:before,.ss-shuffle.right:after{content:'🔀'}.ss-book:before,.ss-book.right:after{content:'📕'}.ss-openbook:before,.ss-openbook.right:after{content:'📖'}.ss-notebook:before,.ss-notebook.right:after{content:'📓'}.ss-newspaper:before,.ss-newspaper.right:after{content:'📰'}.ss-grid:before,.ss-grid.right:after{content:''}.ss-rows:before,.ss-rows.right:after{content:''}.ss-columns:before,.ss-columns.right:after{content:''}.ss-thumbnails:before,.ss-thumbnails.right:after{content:''}.ss-filter:before,.ss-filter.right:after{content:''}.ss-desktop:before,.ss-desktop.right:after{content:'💻'}.ss-laptop:before,.ss-laptop.right:after{content:''}.ss-tablet:before,.ss-tablet.right:after{content:''}.ss-cell:before,.ss-cell.right:after{content:'📱'}.ss-battery:before,.ss-battery.right:after{content:'🔋'}.ss-highbattery:before,.ss-highbattery.right:after{content:''}.ss-mediumbattery:before,.ss-mediumbattery.right:after{content:''}.ss-lowbattery:before,.ss-lowbattery.right:after{content:''}.ss-emptybattery:before,.ss-emptybattery.right:after{content:''}.ss-lightbulb:before,.ss-lightbulb.right:after{content:'💡'}.ss-downloadcloud:before,.ss-downloadcloud.right:after{content:''}.ss-download:before,.ss-download.right:after{content:''}.ss-uploadcloud:before,.ss-uploadcloud.right:after{content:''}.ss-upload:before,.ss-upload.right:after{content:''}.ss-fork:before,.ss-fork.right:after{content:''}.ss-merge:before,.ss-merge.right:after{content:''}.ss-transfer:before,.ss-transfer.right:after{content:'⇆'}.ss-refresh:before,.ss-refresh.right:after{content:'↻'}.ss-sync:before,.ss-sync.right:after{content:''}.ss-loading:before,.ss-loading.right:after{content:''}.ss-wifi:before,.ss-wifi.right:after{content:''}.ss-connection:before,.ss-connection.right:after{content:''}.ss-file:before,.ss-file.right:after{content:'📄'}.ss-folder:before,.ss-folder.right:after{content:'📁'}.ss-quote:before,.ss-quote.right:after{content:'“'}.ss-text:before,.ss-text.right:after{content:''}.ss-font:before,.ss-font.right:after{content:''}.ss-print:before,.ss-print.right:after{content:'⎙'}.ss-fax:before,.ss-fax.right:after{content:'📠'}.ss-list:before,.ss-list.right:after{content:''}.ss-layout:before,.ss-layout.right:after{content:''}.ss-action:before,.ss-action.right:after{content:''}.ss-redirect:before,.ss-redirect.right:after{content:'↪'}.ss-expand:before,.ss-expand.right:after{content:'⤢'}.ss-contract:before,.ss-contract.right:after{content:''}.ss-help:before,.ss-help.right:after{content:'❓'}.ss-info:before,.ss-info.right:after{content:'ℹ'}.ss-alert:before,.ss-alert.right:after{content:'⚠'}.ss-caution:before,.ss-caution.right:after{content:'⛔'}.ss-logout:before,.ss-logout.right:after{content:''}.ss-plus:before,.ss-plus.right:after{content:'+'}.ss-hyphen:before,.ss-hyphen.right:after{content:'-'}.ss-check:before,.ss-check.right:after{content:'✓'}.ss-delete:before,.ss-delete.right:after{content:'␡'}.ss-settings:before,.ss-settings.right:after{content:'⚙'}.ss-dashboard:before,.ss-dashboard.right:after{content:''}.ss-notifications:before,.ss-notifications.right:after{content:'🔔'}.ss-notificationsdisabled:before,.ss-notificationsdisabled.right:after{content:'🔕'}.ss-clock:before,.ss-clock.right:after{content:'⏲'}.ss-stopwatch:before,.ss-stopwatch.right:after{content:'⏱'}.ss-calendar:before,.ss-calendar.right:after{content:'📅'}.ss-addcalendar:before,.ss-addcalendar.right:after{content:''}.ss-removecalendar:before,.ss-removecalendar.right:after{content:''}.ss-checkcalendar:before,.ss-checkcalendar.right:after{content:''}.ss-deletecalendar:before,.ss-deletecalendar.right:after{content:''}.ss-plane:before,.ss-plane.right:after{content:'✈'}.ss-briefcase:before,.ss-briefcase.right:after{content:'💼'}.ss-cloud:before,.ss-cloud.right:after{content:'☁'}.ss-droplet:before,.ss-droplet.right:after{content:'💧'}.ss-flask:before,.ss-flask.right:after{content:''}.ss-up:before,.ss-up.right:after{content:'⬆'}.ss-upright:before,.ss-upright.right:after{content:'⬈'}.ss-right:before,.ss-right.right:after{content:'➡'}.ss-downright:before,.ss-downright.right:after{content:'⬊'}.ss-down:before,.ss-down.right:after{content:'⬇'}.ss-downleft:before,.ss-downleft.right:after{content:'⬋'}.ss-left:before,.ss-left.right:after{content:'⬅'}.ss-upleft:before,.ss-upleft.right:after{content:'⬉'}.ss-navigateup:before,.ss-navigateup.right:after{content:''}.ss-navigateright:before,.ss-navigateright.right:after{content:'▻'}.ss-navigatedown:before,.ss-navigatedown.right:after{content:''}.ss-navigateleft:before,.ss-navigateleft.right:after{content:'◅'}.ss-directup:before,.ss-directup.right:after{content:'▴'}.ss-directright:before,.ss-directright.right:after{content:'▹'}.ss-dropdown:before,.ss-dropdown.right:after{content:'▾'}.ss-directleft:before,.ss-directleft.right:after{content:'◃'}.ss-retweet:before,.ss-retweet.right:after{content:''}

/* Legacy classes */
.ss-volumelow:before,.ss-volumelow.right:after{content:'🔉'}.ss-volumehigh:before,.ss-volumehigh.right:after{content:'🔊'}.ss-batteryhigh:before,.ss-batteryhigh.right:after{content:''}.ss-batterymedium:before,.ss-batterymedium.right:after{content:''}.ss-batterylow:before,.ss-batterylow.right:after{content:''}.ss-batteryempty:before,.ss-batteryempty.right:after{content:''}.ss-clouddownload:before,.ss-clouddownload.right:after{content:''}.ss-cloudupload:before,.ss-cloudupload.right:after{content:''}.ss-calendaradd:before,.ss-calendaradd.right:after{content:''}.ss-calendarremove:before,.ss-calendarremove.right:after{content:''}.ss-calendarcheck:before,.ss-calendarcheck.right:after{content:''}.ss-calendardelete:before,.ss-calendardelete.right:after{content:''}

.ss-icon, .ss-icon.ss-social-circle,
[class^="ss-"]:before, [class*=" ss-"]:before,
[class^="ss-"].ss-social-circle:before, [class*=" ss-"].ss-social-circle:before,
[class^="ss-"].right:after, [class*=" ss-"].right:after,
[class^="ss-"].ss-social-circle.right:after, [class*=" ss-"].ss-social-circle.right:after {
  font-family: "SSSocialCircle";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ss-facebook:before,.ss-facebook.right:after{content:''}.ss-twitter:before,.ss-twitter.right:after{content:''}.ss-googleplus:before,.ss-googleplus.right:after{content:''}.ss-appdotnet:before,.ss-appdotnet.right:after{content:''}.ss-ello:before,.ss-ello.right:after{content:''}.ss-aboutme:before,.ss-aboutme.right:after{content:''}.ss-vk:before,.ss-vk.right:after{content:''}.ss-weibo:before,.ss-weibo.right:after{content:''}.ss-linkedin:before,.ss-linkedin.right:after{content:''}.ss-zerply:before,.ss-zerply.right:after{content:''}.ss-xing:before,.ss-xing.right:after{content:''}.ss-reddit:before,.ss-reddit.right:after{content:''}.ss-steam:before,.ss-steam.right:after{content:''}.ss-tumblr:before,.ss-tumblr.right:after{content:''}.ss-wordpress:before,.ss-wordpress.right:after{content:''}.ss-blogger:before,.ss-blogger.right:after{content:''}.ss-quora:before,.ss-quora.right:after{content:''}.ss-youtube:before,.ss-youtube.right:after{content:''}.ss-vimeo:before,.ss-vimeo.right:after{content:''}.ss-vine:before,.ss-vine.right:after{content:''}.ss-letterboxd:before,.ss-letterboxd.right:after{content:''}.ss-flickr:before,.ss-flickr.right:after{content:''}.ss-instagram:before,.ss-instagram.right:after{content:''}.ss-vscogrid:before,.ss-vscogrid.right:after{content:''}.ss-fivehundredpx:before,.ss-fivehundredpx.right:after{content:''}.ss-feedly:before,.ss-feedly.right:after{content:''}.ss-pinterest:before,.ss-pinterest.right:after{content:''}.ss-dropbox:before,.ss-dropbox.right:after{content:''}.ss-pinboard:before,.ss-pinboard.right:after{content:''}.ss-delicious:before,.ss-delicious.right:after{content:''}.ss-dribbble:before,.ss-dribbble.right:after{content:''}.ss-behance:before,.ss-behance.right:after{content:''}.ss-github:before,.ss-github.right:after{content:''}.ss-bitbucket:before,.ss-bitbucket.right:after{content:''}.ss-stackoverflow:before,.ss-stackoverflow.right:after{content:''}.ss-stackexchange:before,.ss-stackexchange.right:after{content:''}.ss-codepen:before,.ss-codepen.right:after{content:''}.ss-jsfiddle:before,.ss-jsfiddle.right:after{content:''}.ss-paypal:before,.ss-paypal.right:after{content:''}.ss-shopify:before,.ss-shopify.right:after{content:''}.ss-kickstarter:before,.ss-kickstarter.right:after{content:''}.ss-etsy:before,.ss-etsy.right:after{content:''}.ss-foursquare:before,.ss-foursquare.right:after{content:''}.ss-swarm:before,.ss-swarm.right:after{content:''}.ss-yelp:before,.ss-yelp.right:after{content:''}.ss-skype:before,.ss-skype.right:after{content:''}.ss-whatsapp:before,.ss-whatsapp.right:after{content:''}.ss-rdio:before,.ss-rdio.right:after{content:''}.ss-spotify:before,.ss-spotify.right:after{content:''}.ss-lastfm:before,.ss-lastfm.right:after{content:''}.ss-soundcloud:before,.ss-soundcloud.right:after{content:''}.ss-appstore:before,.ss-appstore.right:after{content:''}.ss-googleplay:before,.ss-googleplay.right:after{content:''}.ss-appleinc:before,.ss-appleinc.right:after{content:''}.ss-microsoft:before,.ss-microsoft.right:after{content:''}.ss-windows:before,.ss-windows.right:after{content:''}.ss-android:before,.ss-android.right:after{content:''}.ss-blackberry:before,.ss-blackberry.right:after{content:''}.ss-link:before,.ss-link.right:after{content:'🔗'}.ss-phone:before,.ss-phone.right:after{content:'📞'}.ss-mail:before,.ss-mail.right:after{content:'✉'}.ss-like:before,.ss-like.right:after{content:'👍'}.ss-rss:before,.ss-rss.right:after{content:''}.ss-share:before,.ss-share.right:after{content:''}
/* Legacy */
.ss-fivehundredpx:before,.ss-fivehundredpx.right:after{content:''},.ss-octocat:before,.ss-octocat.right:after{content:''}


/* ==========================================================================
   Mobile
   ========================================================================== */

.wrapper {
  min-width: 320px;
}

.hero {}
.hero:before {
  content: "";
  display: block;
  padding-top: 66%;
  background: url(../img/amyhadley_2016.jpg) no-repeat left top;
  background-size: cover;
}

.hero-content {
  background: rgba(34,34,34,1);
  color: rgb(238, 238, 238);
}
.hero-content h1 {
  margin: 0;
  font-size: 2.25em;               /*36px*/
  padding: 10px 24px 0;            /*.278em .667em 0*/
}

.hero-content p {
  margin: .75em 0;
  line-height: 1.33;
  font-size: .9375em;             /*15px*/
  padding: 0 24px;                /*0 1.6em;*/
}
.hero-content p:first-of-type {
  margin: .5em 0 .5em;
}
.hero-content p:last-of-type {
  margin: .5em 0;
  padding: 0 24px 16px;           /*0 1.6em 1.067em;*/
}

.hero-content p.disclaimer {
  font-size: 0.75em;
  font-style: italic;
}

.link-list {
  list-style-type: none;
  margin: 0;
  padding: 0 24px 1.23em;      /*0 1.846em 16px;*/
  font-size: .8125em;           /*13px;*/
  color: rgb(155, 183, 200); 
}
.link-list li {
  margin-bottom: .4em;
}
.link-list .ss-icon {
  font-size: 1.3em;
  color: rgba(238, 238, 238, 1);
  margin-right: 5px;
  display: inline-block;
}

.hero-content-footer {
  border-top: 1px solid rgba(238, 238, 238, .25);
  padding: 1em 1.5em .5em;        /*16px 24px 8px;*/
  text-align: center;
}
.hero-content-footer a {
  color: rgb(238, 238, 238);
  font-size: 2.25em;              /*36px;*/
}
.hero-content-footer a:hover {
  color: #fff;
}
.icon-laurel-wolf {
  display: inline-block;
  width: 1em;
  height: 1em;
  background: rgb(238, 238, 238) url(../img/icon-lw.svg) no-repeat center center;
  background-size: .5em;
  border-radius: 100%;
}
.icon-laurel-wolf:hover {
  background: rgb(255,255,255) url(../img/icon-lw.svg) no-repeat center center;
  background-size: .5em;
}
.hero-content-footer .contact-btn {
  display: block;
  text-transform: uppercase;
  vertical-align: top;
  background: rgb(238, 238, 238);
  font-size: .75em;
  line-height: 2em;
  letter-spacing: 0.05em;
  border-radius: 3px;
  color: #222;
  padding: .25em 1em;
  position: relative;
  top: -0.45em;
  width: 80%;
  margin: 0 auto;
}
@media only screen and (min-width: 360px) {
  .hero-content-footer .contact-btn {
    top: 0.65em;
    display: inline-block;
    margin: 0;
    width: auto;
  }
}

.hero-content-footer .contact-btn:hover {
  background: #fff;
  color: #222;
}

.page-content {
  padding: 1.875em 24px;         /*30px 1.5em;*/
}

.inspirational-mssg {
  font-size: 2.625em;            /*42px;*/
  font-size: 2.4375em;           /*39px;*/
  text-align: center;
  line-height: 1.2;
  margin: .75em auto 0;
  color: #004c8e;
}

.inspirational-mssg br {
  display: none;
}

.col-1 {
  margin-top: 1em;
}
.col-2 {}

h3 {
  font-size: .75em;          /*12px;*/
  color: #888;
  margin: 0 0 1em;
  padding-top: 1em;
}            
h4 {
  margin: 0;
  font-size: 1em;          /*16px;*/
}

.resume-list {
  list-style-type: circle;
  padding: 0 0 0 1.4285em;    /*20px;*/
  font-size: .875em;          /*14px;*/
}

.role {
  margin-bottom: 1.75em;      /*28px;*/
}
.role-title {
  font-style: normal;
  font-weight: 700;
}
.role-location {
  font-weight: 400;
  color: #666;
  font-size: .78em;
}
.role-dates {
  font-size: .75em;           /*12px;*/
  color: #888;
  margin: 0;
}
.role-tasks {}
.role-tasks li {}
.role-link > h4 {
  font-size: .75em;           /*12px;*/
  color: #888;
  margin: 0;
  font-weight: 400;
  font-style: italic;
}
.role-link > h4 {
  margin-bottom: .1667em;     /*2px;*/
}
.role-link ul {
  font-size: .875em;          /*14px;*/
  margin: 0;
  padding: 0;
  list-style-type: none;
}


.school {
  margin-bottom: 1.75em;      /*28px;*/
}
.school-degree {
  font-size: .875em;          /*14px;*/
  margin: 0;
}  
.school-dates {
  font-size: .75em;           /*12px;*/
  color: #888;
  margin: 0;
}
.school-activities {
  font-size: .75em;           /*12px;*/
  font-style: italic;
}
.school-activities em {
  font-weight: 700;
  font-style: normal;
}

.interests {
  font-size: .875em;          /*14px;*/
  margin-bottom: 2em;
}

.portfolio-header {
  color: #a5999e;
  text-align: center;
}
.portfolio-gallery {
  font-size: 0;
}

.gallery-thumb {
  display: inline-block;
  width: 50%;
  margin-bottom: 1px;
}

.gallery-thumb img {
  padding: 9px;
  width: 100%;
  height: auto;
  border: 1px solid #fff;
  transition: border-color 0.3s linear;
}

.gallery-thumb:hover img {
  border: 1px solid #008fae;
  transition: border-color 0.3s linear;
}

/* ==========================================================================
   Tablet
   ========================================================================== */
@media only screen and (min-width: 600px) {
  html {
    font-size: 1.125em;            /*18px*/
  }
  .hero-content h1 {
    font-size: 3em;                /* 54px */
  }

  .hero-content p {
    font-size: 1em;
  }
   
  .link-list {
    font-size: .889em;              /*16px;*/
  }

  .contact a {
    font-size: .8333em;             /*15px;*/
    padding: .667em .4em;           /*10px 6px;*/
  }

  .qu {
    display: inline;
  }

  .inspirational-mssg {
    font-size: 2.333em;             /*42px;*/
  }

  .inspirational-mssg br {
    display: block;
  }

  .gallery-thumb {
    width: 33.33%;
  }
}

@media only screen and (min-width: 640px) {
  .inspirational-mssg br {
    display: block;
  }
}

@media only screen and (min-width: 768px) {
  html {
    font-size: 1.3125em;           /*21px;*/
  }
  .hero-content h1 {
    font-size: 2.571em;              /*54px;*/
    max-width: 768px;
    margin-left: auto;
    margin-right: auto;
  }
  .hero-content p,
  .hero-content p:first-of-type,
  .hero-content p.disclaimer {
    max-width: 768px;
    margin-left: auto;
    margin-right: auto;
  }
  .link-list {
    font-size: .857em;              /*18px;*/
  }
  .contact a {
    font-size: .857em;              /*18px;*/
    padding: .7778em .333em;        /*14px 6px;*/
  }
  .inspirational-mssg {
    font-size: 2em;                 /*42px;*/
  }
}

/* ==========================================================================
   Desktop
   ========================================================================== */
@media only screen and (min-width: 980px) {
  .hero {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-width: 980px;
    background: url(../img/amyhadley_2016.jpg) no-repeat left bottom;
    background-size: cover;
  }
  .hero:before {
    position: relative;
    height: 100%;
    padding: 0;
    background: none;
  }

  .hero-content {
    background: rgba(34,34,34,0.9);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 5%;
    width: 330px;
    height: auto;
    overflow: hidden;
    border-radius: 3px;
    padding: 82px 0;
  }

  .lt-ie10 .hero-content {
    top: auto;
    bottom: 10%;
    transform: none;
  }

  .hero-content h1 {
    font-size: 48px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
  .hero-content p {
    font-size: 15px;
  }
  .link-list {
    font-size: 13px;
  }

  .hero-content-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: left;
  }
  .hero-content-footer a {
    font-size: 27px;
  }
  .hero-content-footer .contact-btn {
    font-size: 10px;
    top: 0.5em;
  }

  .page-content {
    padding: 30px 5% 1px;
  }

  .inspirational-mssg {
    margin: 1em auto;
  }

  .inspirational-mssg br {
    display: none;
  }

  .contact {
    margin: 0 auto;
    padding: 0 0 1.2em;
    text-align: center;
  }

  .contact a,
  .contact a.resume-link {
    max-width: 188px;
    margin: 0 10px;
  }

  .contact.bordered {
    border-bottom: 1px dotted #ccc;
  }

  .resume {
    max-width: 1024px;
    margin: 0 auto;
  }

  .resume > hr:first-of-type {
    display: none;
  }

  .col-1 {
    width: 65%;
    float: left;
    padding-right: 4%;
    padding-top: 2%;
    margin-top: 0;
    border-right: 1px dotted #ccc;
  }
  .col-1 hr {
    margin-right: -6.567%;
  }

  .col-1 hr:last-of-type {
    display: none;
  }

  .col-1 h3 {
    font-size: 0.571em;   /*12px*/
  }

  .col-2 {
    width: 35%;
    float: right;
    padding-left: 4%;
    padding-top: 2%;
    font-size: 16px;
  }
  .col-2 hr {
    margin-left: -12.9%
  }

  .resume-list {
    max-width: 400px;
  }

  .resume-list li {
    line-height: 1.2;
    margin-bottom: .4em;
  }

  .gallery-thumb {
    width: 25%;
  }
}

@media only screen and (min-width: 1160px) {
  .hero-content {
    width: 370px;
    padding: 92px 0;
  }
  .hero-content h1 {
    font-size: 51px;
    padding: 12px 27px 0;
  }
  .hero-content p {
    font-size: 16px;
    padding: 0 27px;
  }
  .hero-content p:last-of-type {
    padding: 0 27px 18px;
  }

  .link-list {
    padding: 0 27px 18px;
    font-size: 14px;
  }

  .hero-content-footer {
    padding: 18px 27px 9px;
  }
  .hero-content-footer a {
    font-size: 33px;
  }
  .hero-content-footer .contact-btn {
    font-size: 12px;
  }
}

@media only screen and (min-width: 1360px) {
  .hero-content {
    width: 412px;
    padding: 102px 0;
  }
  .hero-content h1 {
    font-size: 54px;
    padding: 13px 30px 0;
  }
  .hero-content p {
    font-size: 18px;
    padding: 0 30px;
  }
  .hero-content p:last-of-type {
    padding: 0 30px 20px;
  }

  .link-list {
    padding: 0 30px 20px;
    font-size: 16px;
  }

  .hero-content-footer {
    padding: 20px 30px 10px;
  }
  .hero-content-footer a {
    font-size: 40px;
  }
  .hero-content-footer .contact-btn {
    font-size: 13px;
    top: 0.65em;
  }

  .gallery-thumb {
    width: 20%;
  }
}

@media only screen and (min-width: 1600px) {
  .hero-content {
    left: 8%;
  }
  .page-content {
    padding: 30px 8% 1px;
  }
}

@media only screen and (min-width: 1920px) {
  .hero-content {
    top: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    bottom: 15%;
  }
}



/* ==========================================================================
   Helper classes
   ========================================================================== */

/* Hide visually and from screen readers: */
.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
  
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}