/* line 4, ../SASS/resume_DT_20.scss */
button {
  display: grid;
  background-color: #DCA427;
  border: none;
  color: black;
  padding: 12px 20px;
  font-family: 'Oswald','Helvetica', sans-serif;
  font-size: 1em;
  letter-spacing: -.1;
  text-transform: uppercase; }

/* line 15, ../SASS/resume_DT_20.scss */
button:hover, button:focus {
  background-color: #efb840; }

/* line 20, ../SASS/resume_DT_20.scss */
html {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%; }

/* line 27, ../SASS/resume_DT_20.scss */
body {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  background: #ECECEC;
  /*background-image: url(../../IMG/BGimgTOP_B.jpg);*/
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center -200px; }

/* line 42, ../SASS/resume_DT_20.scss */
a, img {
  text-decoration: none;
  outline: none;
  border: none;
  padding: 0;
  margin: 0; }

/* line 49, ../SASS/resume_DT_20.scss */
a, a:hover, a:visited, a:active {
  color: #000; }

/*HEAD TAGS*/
/* line 54, ../SASS/resume_DT_20.scss */
h1, h2, h3, h4, h5 {
  display: block;
  padding: 0;
  margin: 0;
  font-weight: normal;
  color: #4B8AC0;
  letter-spacing: .05em; }

/* line 62, ../SASS/resume_DT_20.scss */
h1 {
  font-family: 'Be Vietnam Pro', Arial, Helvetica;
  font-size: 3.8em;
  /*color: #ccc;*/ }

/* line 67, ../SASS/resume_DT_20.scss */
h2 {
  font-family: 'Be Vietnam Pro', Arial, Helvetica;
  font-weight: 800;
  font-size: 1.8em;
  /*color: #ccc;*/ }

/* line 73, ../SASS/resume_DT_20.scss */
h3 {
  font-family: "Roboto Slab", Tahoma, Sans-serif;
  font-weight: bold;
  font-size: 1.2em;
  line-height: 1.2em;
  margin: 20px 0 10px; }

/* line 80, ../SASS/resume_DT_20.scss */
h4 {
  font-family: "Roboto Slab", Tahoma, Sans-serif;
  font-weight: 600;
  font-size: 1.2em;
  line-height: 1.2em;
  /*color: #666;*/ }

/*BELOW STRICTLY FOR RESUME*/
/* line 88, ../SASS/resume_DT_20.scss */
h4 a {
  position: relative;
  display: block;
  margin-right: 30px;
  padding: 12px 24px;
  border: 1px solid #999;
  color: #4B8AC0;
  text-align: center;
  -moz-transition: background-color 0.5s ease, color 0.5s ease;
  -webkit-transition: background-color 0.5s ease, color 0.5s ease;
  transition: background-color 0.5s ease, color 0.5s ease; }

/* line 100, ../SASS/resume_DT_20.scss */
h4:hover a, article h4:visited a, article h4:active a {
  color: #333;
  background-color: #DCDCDC; }

/* line 104, ../SASS/resume_DT_20.scss */
article ul {
  display: block;
  padding: 0px 12px 12px;
  font-family: "Roboto Slab", Tahoma, Sans-serif;
  font-size: .9em;
  line-height: 1.8em;
  color: #666; }

/* line 112, ../SASS/resume_DT_20.scss */
.content ul.liBlock {
  list-style: block; }

/*//////MULTI-COLUMNS///////*/
/*article p.col2, article ul {*/
/*-webkit-column-count: 2;*/
/* Chrome, Safari, Opera */
/*-moz-column-count: 2;*/
/* Firefox */
/*column-count: 2;*/
/*-webkit-column-gap: 40px;*/
/* Chrome, Safari, Opera */
/*-moz-column-gap: 40px;*/
/* Firefox */
/*column-gap: 40px;*/
/*}*/
/* line 126, ../SASS/resume_DT_20.scss */
.columns {
  display: flex;
  justify-content: center;
  padding: 30px 0; }

/* line 131, ../SASS/resume_DT_20.scss */
.col {
  /*display: inline-flex;*/
  /*flex-basis: auto;*/
  flex: 1; }

/* line 137, ../SASS/resume_DT_20.scss */
.rightAlign {
  text-align: right; }

/*END OF RESUME SPECIFIC*/
/* line 142, ../SASS/resume_DT_20.scss */
.flex1 {
  display: flex;
  column-gap: 10px;
  padding: 0 1em;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff; }

/* line 149, ../SASS/resume_DT_20.scss */
.flexcol {
  display: flex;
  flex-grow: 1;
  color: #999; }

/*.flexcol:nth-child(1) {
	flex-grow: 2;
	}*/
/* line 157, ../SASS/resume_DT_20.scss */
.flexcol:nth-child(3) {
  color: #FEF37F;
  flex-grow: 1; }

/* line 162, ../SASS/resume_DT_20.scss */
p {
  font-family: "Roboto Slab", Tahoma, Sans-serif;
  font-size: 1.0em;
  line-height: 1.5em;
  color: #666; }

/* line 169, ../SASS/resume_DT_20.scss */
strong {
  color: #4B8AC0; }

/* line 176, ../SASS/resume_DT_20.scss */
.textCallout {
  font-style: italic;
  font-weight: bold;
  color: #444; }

/* line 182, ../SASS/resume_DT_20.scss */
.specialChar {
  font-family: "Roboto Slab", Tahoma, Sans-serif;
  font-weight: bold; }

/* line 187, ../SASS/resume_DT_20.scss */
.scrollbox {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: auto;
  align-content: start;
  grid-gap: 1em; }
  /* line 195, ../SASS/resume_DT_20.scss */
  .scrollbox:hover {
    cursor: grab; }
    /* line 199, ../SASS/resume_DT_20.scss */
    .scrollbox .intro {
      position: relative;
      display: grid;
      grid-column: 1/4;
      font-family: "Roboto Slab", Tahoma, Sans-serif;
      font-size: 1.2em;
      line-height: 1.5em;
      padding: 0 0 .5em; }
      /* line 208, ../SASS/resume_DT_20.scss */
      .scrollbox .intro.smaller {
        font-size: 1.2em;
        line-height: 1.6em;
        padding: 0 0 1em;
        column-count: 2;
        column-gap: .2em; }
        /* line 216, ../SASS/resume_DT_20.scss */
        .scrollbox .intro p {
          color: #999;
          margin: 0 0 0 0; }
          /* line 222, ../SASS/resume_DT_20.scss */
          .scrollbox button {
            grid-row: 2;
            grid-column: 1/3; }
            /* line 227, ../SASS/resume_DT_20.scss */
            .scrollbox ul.dBoxes {
              display: grid;
              grid-row: 3;
              grid-column: 1/4; }
              /* line 232, ../SASS/resume_DT_20.scss */
              .scrollbox ul.dBoxes li {
                background-color: red; }
                /* line 235, ../SASS/resume_DT_20.scss */
                .scrollbox ul.dBoxes li img {
                  opacity: 1.2;
                  background-color: red; }
                  /* line 239, ../SASS/resume_DT_20.scss */
                  .scrollbox ul.dBoxes li img:hover {
                    opacity: .2;
                    transition: opacity .2s ease-out;
                    -moz-transition: opacity .2s ease-out;
                    -webkit-transition: opacity .2s ease-out;
                    -o-transition: opacity .2s ease-out; }

/* line 261, ../SASS/resume_DT_20.scss */
hr {
  margin: 0 0 1em; }

/* line 264, ../SASS/resume_DT_20.scss */
.thinTop {
  margin: 20px 0;
  font-size: 1.8em;
  line-height: 1.2em; }

/* line 270, ../SASS/resume_DT_20.scss */
.boldFont {
  font-family: "Roboto Slab", Tahoma, Sans-serif;
  font-weight: normal; }

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
/* line 276, ../SASS/resume_DT_20.scss */
a:hover, a:active, a:focus {
  /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
  text-decoration: none; }

/* PRELOADER */
/* line 281, ../SASS/resume_DT_20.scss */
#preloader {
  position: absolute;
  display: block;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background-color: #4B8AC0;
  text-align: center;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -100px;
  z-index: 300; }

/* line 294, ../SASS/resume_DT_20.scss */
#preloader p {
  display: inline-block;
  position: relative;
  margin: 35% auto;
  font-family: "Roboto Slab", Tahoma, Sans-serif;
  font-size: 36px;
  text-align: center;
  color: #fff; }

/* end of PRELOADER */
/* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
/* line 307, ../SASS/resume_DT_20.scss */
#wrapper {
  display: none;
  position: relative;
  z-index: 3;
  display: block;
  width: 100%;
  height: auto;
  margin: 110px 0 0;
  padding: 0 0 60px 0;
  background-color: #fff; }

/* HEADER STYLING */
/* line 319, ../SASS/resume_DT_20.scss */
#pageHead {
  position: fixed;
  display: block;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 14vh;
  top: 0;
  z-index: 50; }

/* line 328, ../SASS/resume_DT_20.scss */
.topper {
  display: block;
  position: relative;
  height: 74vh;
  padding: 14vh 0 0;
  box-sizing: border-box;
  background-image: url("../IMG/BG/BoyCanShout.png");
  background-repeat: no-repeat;
  background-size: 30%;
  background-color: #4f88bd;
  background-position: center bottom; }

/*IMAGE AND TAGLINE*/
/* line 341, ../SASS/resume_DT_20.scss */
#headerImg {
  position: relative;
  display: inline-block;
  left: -10px;
  /*background-color: coral;*/
  padding: 16px 0 0;
  box-sizing: border-box; }

/* line 349, ../SASS/resume_DT_20.scss */
#titleBlock {
  color: #fff;
  column-gap: 1em; }

/* line 353, ../SASS/resume_DT_20.scss */
#titleBlock > .col {
  flex: 1; }

/* line 358, ../SASS/resume_DT_20.scss */
#tagline {
  position: relative;
  display: inline-flex;
  padding: 0;
  left: 0px;
  color: #fff; }

/* line 365, ../SASS/resume_DT_20.scss */
#tagline.col {
  justify-content: flex-end; }

/* line 370, ../SASS/resume_DT_20.scss */
#tagline h2 {
  color: #fff;
  font: 4em/1em 'Be Vietnam Pro', Arial, Helvetica;
  font-weight: 600;
  text-align: right;
  letter-spacing: .1px; }

/* line 377, ../SASS/resume_DT_20.scss */
#tag2 {
  font: 1.5em/ 1.2em "Roboto Slab", Tahoma, Sans-serif;
  margin: 10px 0 0; }

/*END IMAGE AND TAGLINE*/
/* NAV CONTENTS GO HERE */
/* line 385, ../SASS/resume_DT_20.scss */
#mainNav {
  position: absolute;
  display: block;
  z-index: 20;
  height: 70px;
  width: 100%;
  bottom: 0px; }
  /* line 393, ../SASS/resume_DT_20.scss */
  #mainNav:hover {
    cursor: grab; }

/* line 397, ../SASS/resume_DT_20.scss */
#mainNav ul {
  position: absolute;
  display: block;
  padding: 0;
  margin: 0;
  left: 0;
  bottom: -3px;
  height: 34px; }

/* line 406, ../SASS/resume_DT_20.scss */
#mainNav ul li {
  font: 2.8rem/.6em 'Be Vietnam Pro', Arial, Helvetica;
  letter-spacing: -.05em;
  font-weight: 800;
  text-decoration: none; }

/* line 412, ../SASS/resume_DT_20.scss */
#mainNav ul li, #mainNav ul li a {
  position: relative;
  display: inline-block;
  list-style: none;
  padding: 0;
  margin-right: 6px;
  height: inherit;
  width: auto;
  float: left;
  color: #C8C8C8;
  -webkit-transition: color .3s ease-in;
  -moz-transition: color .3s ease-in;
  -ms-transition: color .3s ease-in;
  -o-transition: color .3s ease-in;
  transition: color .3s ease-in; }

/* line 428, ../SASS/resume_DT_20.scss */
#mainNav ul li:nth-child(odd):hover, #mainNav ul li:nth-child(odd):hover a {
  color: #777; }

/* line 431, ../SASS/resume_DT_20.scss */
#mainNav ul li#contact {
  /*font-size: 2.5em;*/
  /*line-height: .615em;*/
  /*margin-top: 4px;*/ }

/* ACTIVE NAV STATE */
/* line 438, ../SASS/resume_DT_20.scss */
#mainNav ul li.navActive, #mainNav ul li:first-child {
  color: #FEF37F; }

/* end NAV CONTENTS */
/* CONTACT BOX */
/* line 445, ../SASS/resume_DT_20.scss */
#underlay {
  position: fixed;
  display: none;
  height: 100%;
  width: 100%;
  background-color: rgba(150, 150, 150, 0.6);
  z-index: 20; }

/* line 453, ../SASS/resume_DT_20.scss */
.closer {
  position: absolute;
  display: inline-block;
  padding: 6px;
  text-align: center;
  color: #dedede;
  font: 1.8em/1.2em sans-serif;
  zoom: 1;
  /* Fix for IE7 */
  *display: inline;
  /* Fix for IE7 */
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px; }
  /* line 467, ../SASS/resume_DT_20.scss */
  .closer:hover {
    color: #fff;
    cursor: grab; }

/*---------ContactBox-------*/
/* line 474, ../SASS/resume_DT_20.scss */
#contactBox {
  position: fixed;
  display: block;
  width: 70vw;
  padding: 40px;
  margin-left: -35vw;
  top: 200px;
  left: 50%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 20; }

/* line 485, ../SASS/resume_DT_20.scss */
#contactBox ul {
  display: block;
  margin: 0;
  padding: 0; }

/* line 490, ../SASS/resume_DT_20.scss */
#contactBox ul li {
  list-style: none;
  display: block;
  text-align: center;
  padding: 10px 0; }

/* line 496, ../SASS/resume_DT_20.scss */
#contactBox ul li h2 a {
  -webkit-transition: color .3s ease-in;
  -moz-transition: color .3s ease-in;
  -ms-transition: color .3s ease-in;
  -o-transition: color .3s ease-in;
  transition: color .3s ease-in;
  color: #4B8AC0; }

/* line 504, ../SASS/resume_DT_20.scss */
#contactBox ul li h2 a:hover {
  color: #fff; }

/*  MINI-SHOWCASE  */
/* line 509, ../SASS/resume_DT_20.scss */
#miniShow {
  position: fixed;
  display: grid;
  width: 60vw;
  padding: 40px;
  margin-left: -30vw;
  top: 200px;
  left: 50%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 20;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* line 523, ../SASS/resume_DT_20.scss */
#galBtn {
  display: none; }

/* line 527, ../SASS/resume_DT_20.scss */
#miniShow ul {
  position: flex;
  -moz-display: flex;
  -webkit-display: flex;
  display: flex;
  -moz-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-grow: auto;
  flex-width: 10%;
  width: 100%;
  padding: 0;
  margin: 0;
  /*overflow: hidden;*/ }

/* line 543, ../SASS/resume_DT_20.scss */
#miniShow ul li {
  list-style: none;
  position: relative;
  flex-grow: 1;
  flex-basis: auto;
  width: auto;
  max-width: 20%;
  margin: 0 2px;
  background-color: rgba(200, 230, 190, 0.6); }

/* line 553, ../SASS/resume_DT_20.scss */
#miniShow ul li a {
  position: relative;
  display: block;
  height: inherit;
  text-align: center;
  overflow: hidden; }

/* line 560, ../SASS/resume_DT_20.scss */
#miniShow ul li a img {
  height: auto;
  /*flex: 1;*/
  display: block;
  max-width: 100%;
  flex-grow: 1;
  flex-shrink: auto;
  width: auto; }

/* line 569, ../SASS/resume_DT_20.scss */
#miniShow p a {
  display: inline-block;
  padding: 2px 6px;
  margin-top: 10px;
  color: #fff;
  background-color: red; }

/*  MINI PORTFOLIO BOX  */
/* line 580, ../SASS/resume_DT_20.scss */
#workHeader {
  position: absolute;
  /*z-index: 100;*/
  height: auto;
  width: 100%;
  bottom: 0;
  right: 0px; }

/* line 588, ../SASS/resume_DT_20.scss */
#nameTag {
  position: fixed;
  z-index: 50;
  display: inline-block;
  right: 20px;
  bottom: -23px;
  padding: 0;
  margin: 0;
  letter-spacing: .5px; }

/* line 598, ../SASS/resume_DT_20.scss */
#nameTag h1 {
  position: relative;
  /*top: 20px;*/
  display: inline-block;
  padding: 0;
  margin: 0;
  right: 0;
  color: #fff; }

/* line 607, ../SASS/resume_DT_20.scss */
#nameTag h1 #firstName {
  position: relative;
  display: inline-block;
  float: left;
  font: 50px/1em "TeXGyreAdventor", Arial, Helvetica, sans-serif; }

/* line 613, ../SASS/resume_DT_20.scss */
#nameTag h1 #lastName {
  position: relative;
  display: inline-block;
  float: left;
  font: 60px/1.1em 'ChunkFiveRegular', Georgia,Times,"Times New Roman",serif;
  /*'Be Vietnam Pro', Arial, Helvetica;*/
  font-weight: 400;
  text-align: right; }

/* line 621, ../SASS/resume_DT_20.scss */
#workHeader h2 {
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  bottom: 70px;
  line-height: .5em;
  color: #fff;
  /*#4B8AC0;*/ }

/* END OF HEADER NAV CONTENTS */
/* line 632, ../SASS/resume_DT_20.scss */
section {
  position: relative;
  display: block;
  padding: 0 0 14em;
  /*top: 60px;*/
  /*height: 600px;*/
  /* 		margin: 120px 0; */
  /*background: url(../BG/DIAGsmall.png), url(../BG/900x400grey_RoofTops.jpg) 200%;*/
  /*background-attachment: fixed;*/
  /*background-position: center top;*/
  /*overflow: auto;*/ }

/* line 644, ../SASS/resume_DT_20.scss */
section#Hero {
  padding: 14vh 0 0; }

/* line 647, ../SASS/resume_DT_20.scss */
section#myWork {
  /*position: absolute;*/
  /*display: block;*/
  top: 120px;
  /*bottom: 0;*/
  /*left: 0;*/ }

/* line 655, ../SASS/resume_DT_20.scss */
article {
  height: 100%;
  padding: 0; }

/* line 659, ../SASS/resume_DT_20.scss */
.content {
  position: relative;
  color: #777;
  display: block;
  height: 100%;
  width: 90%;
  max-width: 800px;
  margin: 0 auto; }

/* line 668, ../SASS/resume_DT_20.scss */
.main {
  padding: 50px 0 120px 0; }

/* line 671, ../SASS/resume_DT_20.scss */
article.content ul {
  margin-top: 0; }

/* line 675, ../SASS/resume_DT_20.scss */
article.content ul li {
  margin-left: 24px;
  list-style-image: url("../IMG/ICONS/listIcon1.svg"); }

/*END:SUBNAVIGATION IN ARTICLE MAIN*/
/*NEW LIST WITH JQUERY FILTER*/
/* ~~ miscellaneous float/clear classes ~~ */
/* line 688, ../SASS/resume_DT_20.scss */
.fltrt {
  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
  float: right;
  margin-left: 8px; }

/* line 692, ../SASS/resume_DT_20.scss */
.fltlft {
  /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
  float: left;
  margin-right: 8px; }

/* line 696, ../SASS/resume_DT_20.scss */
.clearfloat {
  /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #wrapper) if the overflow:hidden on the .wrapper is removed */
  clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0px; }

/* --------SOCIAL POP-UP -------------- */
/* line 704, ../SASS/resume_DT_20.scss */
#socIcons {
  display: none;
  position: fixed;
  height: 300px;
  width: 60px;
  bottom: 240px;
  right: 0;
  border-radius: 0;
  background-color: #65b7d9;
  z-index: 200; }

/* line 715, ../SASS/resume_DT_20.scss */
#socIcons ul {
  position: relative;
  /*height: 30%;*/
  width: 100%;
  margin: 0;
  padding: 0; }

/* line 722, ../SASS/resume_DT_20.scss */
#socIcons ul li {
  position: relative;
  list-style: none;
  color: #fff;
  /*float: left;*/
  width: 100%;
  height: 48px;
  /*minus padding value*/
  margin: 0;
  padding: 12px 0 0;
  /*background-color: #4B8AC0;*/
  text-align: center; }

/* line 734, ../SASS/resume_DT_20.scss */
#socIcons ul li img {
  width: 30px;
  height: 30px;
  margin: 2px; }

/* line 739, ../SASS/resume_DT_20.scss */
#socIcons ul li:hover {
  background-color: #4B8AC0; }

/* -------------PAGE FOOTER ITEMS------------- */
/* line 748, ../SASS/resume_DT_20.scss */
.pageFooter {
  position: fixed;
  z-index: 40;
  left: 0;
  bottom: 0;
  right: 0;
  height: 12vh;
  background-color: #4B8AC0;
  text-align: center;
  border-top: 1px solid #fff; }

/* line 759, ../SASS/resume_DT_20.scss */
.footContent {
 position: relative;
 display: flex;
 justify-content: start;
 height: inherit;
 align-items: center;
 width: 50%;
}

.keepTogether {
  display: inline-block;
}

/* line 766, ../SASS/resume_DT_20.scss */
.pageFooter #aboutUs {
  position: relative;
  display: inline-flex;
  align-items: flex-start;
  padding: 0 0 0 30px;
  /* width: 50%; */
  text-align: left;
}

/* line 776, ../SASS/resume_DT_20.scss */
.pageFooter #aboutUs h3 {
  color: #fff;
  font-weight: lighter;
  margin: 0; }

/* line 781, ../SASS/resume_DT_20.scss */
.pageFooter #aboutUs p {
  font: .9em/1.5em "Roboto Slab", Tahoma, Sans-serif;
  font-weight: 500;
  color: #fff;
  margin: 0; }

/* line 787, ../SASS/resume_DT_20.scss */
.pageFooter #contactUs {
  position: relative;
  display: inline-block;
  padding: 0;
  margin: 0px 0 0;
  width: 40%;
  /*float: right;*/ }

/* line 795, ../SASS/resume_DT_20.scss */
.pageFooter #contactUs .UIitems {
  position: relative;
  display: none;
  margin: 0;
  padding: 0; }

/* line 801, ../SASS/resume_DT_20.scss */
.pageFooter #contactUs .UIitems li {
  position: relative;
  display: inline-block;
  border-radius: 6px;
  padding: 3px;
  text-align: center;
  margin-top: 2px;
  background-color: #fff; }

/* line 810, ../SASS/resume_DT_20.scss */
.pageFooter #contactUs .UIitems li, .pageFooter #contactUs .UIitems li a, .pageFooter #contactUs .UIitems li a:visited, .pageFooter #contactUs .UIitems li a:active {
  display: block;
  border-radius: 6px;
  list-style: none;
  font: .9em/1.5em 'Be Vietnam Pro', Arial, Helvetica;
  font-weight: 800;
  color: #4B8AC0; }

/* line 818, ../SASS/resume_DT_20.scss */
.pageFooter #contactUs .UIitems li:hover {
  background-color: #CCC; }

/* line 822, ../SASS/resume_DT_20.scss */
.pageFooter #contactUs .UIitems li:hover a {
  color: #FFF;
  text-shadow: 1px 1px 4px #666; }

/*logos*/
/* line 828, ../SASS/resume_DT_20.scss */
#logos {
  position: relative;
  display: none;
  /*block*/
  padding: 0;
  margin: 0 auto;
  text-align: center; }

/* line 836, ../SASS/resume_DT_20.scss */
#logos ul {
  position: relative;
  display: inline;
  margin: 0 auto;
  padding: 0;
  text-align: center; }

/* line 843, ../SASS/resume_DT_20.scss */
#logos ul li {
  padding: 0;
  margin: 0 8px 0 0;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 33px;
  /*box-shadow: 1px 1px 4px #333;*/ }

/* line 852, ../SASS/resume_DT_20.scss */
#logos ul li img {
  width: 90%; }

/* line 856, ../SASS/resume_DT_20.scss */
aside#slideTextOverlay {
  position: absolute;
  height: 300px;
  width: 320px;
  top: 20px;
  right: 20px;
  z-index: 20; }

/* ---CONTACT FORM --- */
/* line 867, ../SASS/resume_DT_20.scss */
#contactForm #form {
  opacity: 0; }

/* line 871, ../SASS/resume_DT_20.scss */
.contactForm {
  background: #333333;
  height: 340px;
  width: 320px;
  float: right;
  margin: 20px 20px 0 0;
  padding: 10px 20px; }

/* line 879, ../SASS/resume_DT_20.scss */
.contactForm label {
  color: #ccff00;
  text-transform: uppercase;
  font: normal 9pt "TeXGyreAdventor", Arial, Helvetica;
  display: block;
  padding: 0;
  margin: 4px 0 4px; }

/* line 887, ../SASS/resume_DT_20.scss */
.contactForm input, .contactForm textarea {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: linear-gradient(#fff, #ddd);
  background: -moz-linear-gradient(#fff, #ddd);
  background: -webkit-linear-gradient(#fff, #ddd);
  background: -o-linear-gradient(#fff, #ddd); }

/* line 898, ../SASS/resume_DT_20.scss */
.contactForm textarea {
  width: 320px;
  overflow: auto;
  height: 50px; }

/* line 903, ../SASS/resume_DT_20.scss */
.contactForm input[type=submit] {
  margin: 6px 0; }