body 
{
	background-color: #fff;
	margin-top: 0;
}
nav
{
	width: 100%;
	height: 100px;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1;
}
h2, h3 /* ON MOBILE display: inline; */
{
	text-transform: uppercase;
}
hr /* Main Section hr */
{
    border-bottom: thick solid #6CBDE2;
    width: 7%;
    margin-left: 15px;
    margin-top: -13px;
    border-color: #6CBDE2;
}
h1 /* Main Section Titles */
{
    font-family: 'Source Sans Pro';
    font-weight: 300;
    font-style: normal;
    font-size: 7em;
    margin-top: .8em;
    margin-left: 7px;
}
h2, h4 /* Splash Div Thin Titles */
{
    font-family: 'Source Sans Pro';
    font-weight: 200;
    text-align: center;
}
h2 /* Splash Div 1st Line */
{
    font-size: 13em;
    margin-bottom: 0;
    margin-top: 0;
}
h3 /* Splash Div 2nd Header Line (Bold) */
{
    font-family: 'Source Sans Pro';
    font-weight: 900;
    font-style: normal;
    font-size: 7em;
    margin-top: -.1em;
    margin-bottom: 0;
    text-align: center;
}
h4 /* Splash Div 3nd Header Line (Light) */
{
    margin-top: 0;
    font-size: 3em;
}
h5 /* Skills Category Titles */
{
    font-size: 2em;
    font-family: 'Source Sans Pro';
    font-weight: 300;
    text-align: center;
}
h6 /* Portfolio Items Hover Header */
{
    font-size: 2em;
    font-family: 'Source Sans Pro';
    font-weight: 600;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}
/**************
    Splash
***************/
.logo-contain
{
    width: 100px;
    position: absolute;
    left: 5%;
    margin-top:25px;
}
.logo
{
    fill:#fff;
}
.menu-contain
{
    position: absolute;
    left: 5%;
    top: 3%;
}
.me-pic /* Elliott Profile Illustration */
{
    width: 60%;
    margin-right: 20%;
    margin-left: 20%;
    margin-top: 20%;
}
.splash /* Top Div With Splash Image */
{
    background-image: url(../img/splashbg.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/splashbgimg/.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/splashbgimg/.png', sizingMethod='scale')";
    box-shadow: 0px 1px 23px #000000;
}
.subtitles
{
    text-align: center;
    color: #6CBDE2;
    margin-top: 11em;
}
/**************
      Bio
***************/
.bio p /* Bio P */
{
    font-family: 'Source Sans Pro';
    font-weight: 400;
    font-style: normal;
    line-height: 1.7;
    font-size: 1.8em;
    color: #838383;
    margin-bottom: 4em;
}
/**************
    Skills
***************/
.skills /* Skills section div */
{
	background-color: #F2F2F2;
	text-align: center;
    margin-top: 8em;
    padding-top: 5em;
    padding-bottom: 5em;
}
.skills hr /* Skills Div hr */
{
    border-bottom: 3px solid #6CBDE2;
    width: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: .4em;
}
.skills-cat-icon /* Skills Div Category Icons */
{
    width: 80%;
    margin-right: 10%;
    margin-left: 10%;
}
.skills p /* Skills Subtitles */
{
    font-family: 'Source Sans Pro';
    font-weight: 300;
    font-style: italic;
    font-size: 1.4em;
}
.sprite {
    background-image: url(../img/skillsspritesheet.png);
    background-repeat: no-repeat;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.sprite
{
    -o-transition:0.2s ease-out, background 0.2s ease-in;
    -ms-transition:0.2s ease-out, background 0.2s ease-in;
    -moz-transition:0.2s ease-out, background 0.2s ease-in;
    -webkit-transition:0.2s ease-out, background 0.2s ease-in;         
    transition:0.2s ease-out, background 0.2s ease-in;
}
.weapons i 
{
    margin-top: 40px;
}
.hobbies i
{
    margin-top: 50px;
}
.sprite-hobbies-01 {
    width: 83px;
    height: 83px;
    background-position: -5px -5px;
}

.sprite-hobbies-01:hover {
    width: 83px;
    height: 83px;
    background-position: -98px -5px;
}

.sprite-hobbies-02 {
    width: 83px;
    height: 83px;
    background-position: -191px -5px;
}

.sprite-hobbies-02:hover {
    width: 83px;
    height: 83px;
    background-position: -284px -5px;
}

.sprite-hobbies-03 {
    width: 83px;
    height: 83px;
    background-position: -377px -5px;
}

.sprite-hobbies-03:hover {
    width: 83px;
    height: 83px;
    background-position: -470px -5px;
}

.sprite-hobbies-04 {
    width: 83px;
    height: 83px;
    background-position: -563px -5px;
}

.sprite-hobbies-04:hover {
    width: 83px;
    height: 83px;
    background-position: -656px -5px;
}

.sprite-weapons-01 {
    width: 60px;
    height: 60px;
    background-position: -749px -5px;
}

.sprite-weapons-01:hover {
    background-position: -819px -5px;
}

.sprite-weapons-02 {
    width: 60px;
    height: 60px;
    background-position: -889px -5px;
}

.sprite-weapons-02:hover {
    background-position: -959px -5px;
}

.sprite-weapons-03 {
    width: 60px;
    height: 60px;
    background-position: -1029px -5px;
}

.sprite-weapons-03:hover {
    background-position: -1099px -5px;
}

.sprite-weapons-04 {
    width: 60px;
    height: 60px;
    background-position: -1169px -5px;
}

.sprite-weapons-04:hover {
    background-position: -1239px -5px;
}

.sprite-weapons-05 {
    width: 60px;
    height: 60px;
    background-position: -1309px -5px;
}

.sprite-weapons-05:hover {
    background-position: -1379px -5px;
}

.sprite-weapons-06 {
    width: 60px;
    height: 60px;
    background-position: -1449px -5px;
}

.sprite-weapons-06:hover {
    background-position: -1519px -5px;
}

.sprite-weapons-07 {
    width: 60px;
    height: 60px;
    background-position: -1589px -5px;
}

.sprite-weapons-07:hover {
    background-position: -1659px -5px;
}

.sprite-weapons-08 {
    width: 60px;
    height: 60px;
    background-position: -1729px -5px;
}

.sprite-weapons-08:hover {
    background-position: -1799px -5px;
}

.sprite-weapons-09 {
    width: 60px;
    height: 60px;
    background-position: -1869px -5px;
}

.sprite-weapons-09:hover {
    background-position: -1939px -5px;
}
.weapons
{
    white-space: nowrap;
}
.lingo
{
    color: #C9BEA7;
    font-family: 'Source Sans Pro';
    font-weight: 900;
    font-style: normal;
    font-size: 1.5em;
}
.lingo div
{
    margin-top:40px; 
}
.lingo span:hover
{
    color: #6EBDE2;
}


/**************
   Portfolio
***************/
.portfolio
{
	margin: 48px 0;
}

.portfolio-sorting
{
	text-transform: uppercase;	
	font-size: 1.6em;
	margin-bottom: 48px;
    font-family: 'Source Sans Pro';
    font-weight: 400;
    font-style: normal;
}

.portfolio-sorting li a 
{
	color: #808080;
	text-decoration: none;
	padding: 6px;
}
.portfolio-sorting li a:hover,
.portfolio-sorting li a.active
{
	color: #6CBDE2;
	border-bottom: 2px solid #6CBDE2;
}

.portfolio-item 
{
	margin-bottom: 30px;
    border: 2px solid #ddd;
}
.portfolio-item hr
{
    margin-left: auto;
    margin-right: auto;    
    width: 30%;
    border-bottom: 1px solid #6CBDE2;
}
.modal-panel-intro p
{
    margin: auto 4em 3em 4em;
    font-family: 'Source Sans Pro';
    font-weight: 400;
    font-style: normal;
    line-height: 1.5;
    font-size: 1.3em;
    color: #838383;
}
.modal-header .close
{
    margin-top: -17px;
    font-size: 30px;
}
.modal-panel-sub
{
    text-align: center;
    font-family: 'Source Sans Pro';
    font-weight: 600;
    font-style: italic;
    font-size: 1.3em;
}
.modal-panel-intro h5
{
    font-weight: 600;
}
.modal-panel-intro hr
{
    margin-right: auto;
    margin-left: auto;
    border-bottom: 3px solid #6CBDE2;
    width: 10%;
    margin: .3em auto 1.3em auto;
}
.panel-1-modal
{
    background-image: url(../img/work/panel-1.jpg);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/work/panel-1.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/work/panel-1.jpg', sizingMethod='scale')";
}
.panel-2-modal
{
    background-image: url(../img/work/panel-2.jpg);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/work/panel-2.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/work/panel-2.jpg', sizingMethod='scale')";
}
.panel-3-modal
{
    background-image: url(../img/work/panel-3.jpg);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/work/panel-3.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/work/panel-3.jpg', sizingMethod='scale')";
}
.panel-4-modal
{
    background-image: url(../img/work/panel-4.jpg);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/work/panel-4.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/work/panel-4.jpg', sizingMethod='scale')";
}
.panel-5-modal
{
    background-image: url(../img/work/panel-5.jpg);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/work/panel-5.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/work/panel-5.jpg', sizingMethod='scale')";
}
.panel-6-modal
{
    background-image: url(../img/work/panel-6.jpg);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/work/panel-6.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/work/panel-6.jpg', sizingMethod='scale')";
}
.panel-7-modal
{
    background-image: url(../img/work/panel-7.jpg);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/work/panel-7.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/work/panel-7.jpg', sizingMethod='scale')";
}
.panel-8-modal
{
    background-image: url(../img/work/panel-8.jpg);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/work/panel-8.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/work/panel-8.jpg', sizingMethod='scale')";
}
.panel-9-modal
{
    background-image: url(../img/work/panel-9.jpg);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/work/panel-9.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/work/panel-9.jpg', sizingMethod='scale')";
}
.panel-10-modal
{
    background-image: url(../img/work/panel-10.jpg);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/work/panel-10.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/work/panel-10.jpg', sizingMethod='scale')";
}
.panel-11-modal
{
    background-image: url(../img/work/panel-11.jpg);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/work/panel-11.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/work/panel-11.jpg', sizingMethod='scale')";
}
.panel-12-modal
{
    background-image: url(../img/work/panel-12.jpg);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/work/panel-12.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/work/panel-12.jpg', sizingMethod='scale')";
}
.panel-13-modal
{
    background-image: url(../img/work/panel-13.jpg);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/work/panel-13.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/work/panel-13.jpg', sizingMethod='scale')";
}
.panel-14-modal
{
    background-image: url(../img/work/panel-14.jpg);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/work/panel-14.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/work/panel-14.jpg', sizingMethod='scale')";
}
.panel-15-modal
{
    background-image: url(../img/work/panel-15.jpg);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/work/panel-15.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/work/panel-15.jpg', sizingMethod='scale')";
}
.panel-16-modal
{
    background-image: url(../img/work/panel-16.jpg);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/work/panel-16.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/work/panel-16.jpg', sizingMethod='scale')";
}
.panel-17-modal
{
    background-image: url(../img/work/panel-17.jpg);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/work/panel-17.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/work/panel-17.jpg', sizingMethod='scale')";
}
.panel-18-modal
{
    background-image: url(../img/work/panel-18.jpg);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/work/panel-18.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/work/panel-18.jpg', sizingMethod='scale')";
}
.panel-19-modal
{
    background-image: url(../img/work/panel-19.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/work/panel-19.gif', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/work/panel-19.gif', sizingMethod='scale')";
}
.panel-20-modal
{
    background-image: url(../img/work/panel-20.jpg);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/work/panel-20.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/work/panel-20.jpg', sizingMethod='scale')";
}
.panel-21-modal
{
    background-image: url(../img/work/panel-21.jpg);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/work/panel-21.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/work/panel-21.jpg', sizingMethod='scale')";
}
.panel-22-modal
{
    background-image: url(../img/work/panel-22.jpg);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/work/panel-22.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/work/panel-22.jpg', sizingMethod='scale')";
}
.panel-23-modal
{
    background-image: url(../img/work/panel-23.jpg);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/work/panel-23.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/work/panel-23.jpg', sizingMethod='scale')";
}
.modal-img /* Iframe pages header picture */
{
    width: 100%;
    height: 300px;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: local;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
    -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
    box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
}
.link-ext, .link-img, .link-vid
{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #C9BEA7;
    display: block;
}
.link-ext:hover, .link-img:hover, .link-vid:hover
{
    background-color: #6EBDE2;
}
.link-ext{background-image: url(../img/link-ext.png); margin: 1em 0 0 auto;}
.link-img{background-image: url(../img/link-img.png); margin: 1em auto 0 auto;}
.link-vid{background-image: url(../img/link-vid.png); margin: 1em auto 0 0; background-position: 2px;}
.modal-weapons, .modal-links, .modal-work
{
    margin-bottom: 2em;
}
#disabled{opacity: 0.4;}
#disabled:hover{background-color:#C9BEA7;}

.modal-sprite { /* "Weapons Used" Images  */
    background-image: url(../img/modal-spritesheet.png);
    background-repeat: no-repeat;
    display: block;
    width: 50px;
    height: 50px;
    margin-top: 1em;
}
.sprite-m-weapons-01 { /* "Weapons Used" Images  */
    width: 50px;
    height: 50px;
    background-position: -5px -5px;
}
.sprite-m-weapons-01:hover {
    background-position: -65px -5px;
}
.sprite-m-weapons-02 {
    width: 50px;
    height: 50px;
    background-position: -125px -5px;
}
.sprite-m-weapons-02:hover {
    background-position: -185px -5px;
}
.sprite-m-weapons-03 {
    width: 50px;
    height: 50px;
    background-position: -245px -5px;
}
.sprite-m-weapons-03:hover {
    background-position: -305px -5px;
}
.sprite-m-weapons-04 {
    width: 50px;
    height: 50px;
    background-position: -365px -5px;
}
.sprite-m-weapons-04:hover {
    background-position: -425px -5px;
}
.sprite-m-weapons-05 {
    width: 50px;
    height: 50px;
    background-position: -485px -5px;
}
.sprite-m-weapons-05:hover {
    background-position: -545px -5px;
}
.sprite-m-weapons-06 {
    width: 50px;
    height: 50px;
    background-position: -605px -5px;
}
.sprite-m-weapons-06:hover {
    background-position: -665px -5px;
}
.sprite-m-weapons-07 {
    width: 50px;
    height: 50px;
    background-position: -725px -5px;
}
.sprite-m-weapons-07:hover {
    background-position: -785px -5px;
}
.sprite-m-weapons-08 {
    width: 50px;
    height: 50px;
    background-position: -845px -5px;
}
.sprite-m-weapons-08:hover {
    background-position: -905px -5px;
}
.sprite-m-weapons-09 {
    width: 50px;
    height: 50px;
    background-position: -965px -5px;
}
.sprite-m-weapons-09:hover {
    background-position: -1025px -5px;
}
.sprite-left
{
    margin-right: 0;
    margin-left: auto;
}
.sprite-center
{
    margin-left: auto;
    margin-right: auto;
}
.work-sprite { /* "Work Done Under" Images */
    background-image: url(../img/work-sprite.png);
    background-repeat: no-repeat;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.sprite-work-01 { /* Freelance Modal Image */
    width: 205px;
    height: 80px;
    background-position: -5px -5px;
}
.sprite-work-01:hover { /* Freelance Blue Modal Image */
    background-position: -220px -5px;
}
.sprite-work-02 { /* Winthrop University Modal Image */
    width: 206px;
    height: 80px;
    background-position: -436px -5px;
}
.sprite-work-02:hover { /* Winthrop University Blue Modal Image */
    background-position: -652px -5px;
}
.sprite-work-03 { /* Allegra Modal Image */
    width: 205px;
    height: 80px;
    background-position: -867px -5px;
}
.sprite-work-03:hover { /* Allegra Blue Modal Image */
    background-position: -1082px -5px;
}

/* Portfolio Panel Hover */

.portfolio-item {
  position: relative;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.portfolio-item,
.portfolio-item * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.portfolio-item a {
  color: #333;
}
.portfolio-item a:hover {
  text-decoration: none;
  cursor: pointer;
}
.portfolio-item .img:before {
  position: absolute;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.portfolio-item .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.portfolio-item .info {
  background: #333333;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.portfolio-item .info h6 {
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  padding: 35px 15px 0 15px;
}
.portfolio-item .info p {
  color: #fff;
  letter-spacing: 1px;
  font-family: 'Source Sans Pro';
  font-weight: 300;
  font-style: italic;
  padding: 10px 5px;
  font-style: italic;
  font-size: 16px;
}
.portfolio-item .info hr{
    position: relative;
    margin-top: 1em;

}
.portfolio-item .info hr, .portfolio-item .info p, .portfolio-item .info h6 {
  visibility: hidden;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.portfolio-item a:hover .info {
  opacity: 1;
}
.portfolio-item a:hover h6, .portfolio-item a:hover p, .portfolio-item a:hover hr 
{
  visibility: visible;
}
.portfolio-item .info h6, .portfolio-item .info p 
{
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.portfolio-item .info hr
{
  -webkit-transform: translateY(-1000%);
  -moz-transform: translateY(-1000%);
  -ms-transform: translateY(-1000%);
  -o-transform: translateY(-1000%);
  transform: translateY(-1000%);
}
.portfolio-item a:hover h6, .portfolio-item a:hover p, .portfolio-item a:hover hr 
{
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}




/**************
	FOOTER
***************/
footer
{

	background-color: #3A3A3A;
    padding-bottom: 5em;
}
footer p 
{
    color: #838383;
    font-family: 'Source Sans Pro';
    font-weight: 400;
    font-style: normal;
    line-height: 1.7;
    font-size: 1.4em;
    color: #838383;
}
.talk-p
{
    padding-right: 4em;
}

footer,
footer a
{
	color:#838383;
    border-bottom: 1px solid #838383;
    text-decoration: none;
}
footer a:hover 
{
	color: #fff;
    border-bottom: 1px solid #fff;
    text-decoration: none;
}
footer a:active 
{
    color: #fff;
    border-bottom: 1px solid #fff;
    text-decoration: none;
}

footer h1 
{
    color: #FFF;
    margin-left: -7px;
}
footer hr
{
    margin-left: 2px;
    width: 10%;
}
.social-img
{
    width: 60px;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    display: block;
    text-decoration: none;
}
.social-img:hover
{
    opacity: 0.4;
    filter: alpha(opacity=40);
    transition: opacity .15s ease-in-out;
   -moz-transition: opacity .15s ease-in-out;
   -webkit-transition: opacity .15s ease-in-out; 
}
.social-container
{
    margin-top: 100px;
    width: 300px;
    margin-left: auto;
    margin-right: 0;
}
.social-container p
{
    padding-left: 18px;
}

/**************
	FONTS
***************/
@font-face{
    font-family: 'Source Sans Pro';
    font-weight: 200;
    font-style: normal;
    font-stretch: normal;
    src: url('../fonts/SourceSansPro-ExtraLight.eot') format('embedded-opentype'),
         url('../fonts/SourceSansPro-ExtraLight.ttf.woff2') format('woff2'),
         url('../fonts/SourceSansPro-ExtraLight.otf.woff') format('woff'),
         url('../fonts/SourceSansPro-ExtraLight.otf') format('opentype'),
         url('../fonts/SourceSansPro-ExtraLight.ttf') format('truetype');
}

@font-face{
    font-family: 'Source Sans Pro';
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    src: url('../fonts/SourceSansPro-Light.eot') format('embedded-opentype'),
         url('../fonts/SourceSansPro-Light.ttf.woff2') format('woff2'),
         url('../fonts/SourceSansPro-Light.otf.woff') format('woff'),
         url('../fonts/SourceSansPro-Light.otf') format('opentype'),
         url('../fonts/SourceSansPro-Light.ttf') format('truetype');
}

@font-face{
    font-family: 'Source Sans Pro';
    font-weight: 300;
    font-style: italic;
    font-stretch: normal;
    src: url('../fonts/SourceSansPro-LightIt.eot') format('embedded-opentype'),
         url('../fonts/SourceSansPro-LightIt.ttf.woff2') format('woff2'),
         url('../fonts/SourceSansPro-LightIt.otf.woff') format('woff'),
         url('../fonts/SourceSansPro-LightIt.otf') format('opentype'),
         url('../fonts/SourceSansPro-LightIt.ttf') format('truetype');
}

@font-face{
    font-family: 'Source Sans Pro';
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    src: url('../fonts/SourceSansPro-Regular.eot') format('embedded-opentype'),
         url('../fonts/SourceSansPro-Regular.ttf.woff2') format('woff2'),
         url('../fonts/SourceSansPro-Regular.otf.woff') format('woff'),
         url('../fonts/SourceSansPro-Regular.otf') format('opentype'),
         url('../fonts/SourceSansPro-Regular.ttf') format('truetype');
}

@font-face{
    font-family: 'Source Sans Pro';
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    src: url('../fonts/SourceSansPro-Semibold.eot') format('embedded-opentype'),
         url('../fonts/SourceSansPro-Semibold.ttf.woff2') format('woff2'),
         url('../fonts/SourceSansPro-Semibold.otf.woff') format('woff'),
         url('../fonts/SourceSansPro-Semibold.otf') format('opentype'),
         url('../fonts/SourceSansPro-Semibold.ttf') format('truetype');
}

@font-face{
    font-family: 'Source Sans Pro';
    font-weight: 600;
    font-style: italic;
    font-stretch: normal;
    src: url('../fonts/SourceSansPro-SemiboldIt.eot') format('embedded-opentype'),
         url('../fonts/SourceSansPro-SemiboldIt.ttf.woff2') format('woff2'),
         url('../fonts/SourceSansPro-SemiboldIt.otf.woff') format('woff'),
         url('../fonts/SourceSansPro-SemiboldIt.otf') format('opentype'),
         url('../fonts/SourceSansPro-SemiboldIt.ttf') format('truetype');
}

@font-face{
    font-family: 'Source Sans Pro';
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    src: url('../fonts/SourceSansPro-Bold.eot') format('embedded-opentype'),
         url('../fonts/SourceSansPro-Bold.ttf.woff2') format('woff2'),
         url('../fonts/SourceSansPro-Bold.otf.woff') format('woff'),
         url('../fonts/SourceSansPro-Bold.otf') format('opentype'),
         url('../fonts/SourceSansPro-Bold.ttf') format('truetype');
}

@font-face{
    font-family: 'Source Sans Pro';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    src: url('../fonts/SourceSansPro-Black.eot') format('embedded-opentype'),
         url('../fonts/SourceSansPro-Black.ttf.woff2') format('woff2'),
         url('../fonts/SourceSansPro-Black.otf.woff') format('woff'),
         url('../fonts/SourceSansPro-Black.otf') format('opentype'),
         url('../fonts/SourceSansPro-Black.ttf') format('truetype');
}
#nav-icon 
{
  width: 55px;
  height: 40px;
  position: absolute;
  margin-top: 25px;
  right: 5%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  z-index: 5;
}

#nav-icon span
{
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #6CBDE2;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon span:nth-child(1) {top: 0px;}

#nav-icon span:nth-child(2) {top: 18px;}

#nav-icon span:nth-child(3) {top: 36px;}

#nav-icon.open span:nth-child(1) 
{
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
    background: #fff;
}

#nav-icon.open span:nth-child(2) 
{
  opacity: 0;
  left: -60px;
      background: #fff;

}

#nav-icon.open span:nth-child(3) 
{
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
      background: #fff;

}
nav.open /* Open Nav Background */
{
  height: 100%;
  background-color: rgba(108, 189, 226, 1);
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.menu-open /* Open Nav Container */
{
  width: 100%;
  height: 100%;
  display: none;
  z-index: 8;
  overflow: hidden;
}
.menu-contain
{
    text-align: center;
    z-index: 5;
    position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.menu-contain li
{
    font-family: 'Source Sans Pro';
    font-weight: 600;
    font-style: normal;
    font-size: 7em;
}
.menu-contain ul 
{
    list-style: none;
}
.menu-contain a
{
    text-decoration: none;
    color: #fff;
}
.w-logo
{
    fill:#fff;
}
@media only screen 
and (max-width: 1425px)
and (min-width: 960px)
{
    .subtitles
    {
        margin-top: 6em;  
    } 
    h2 /* Splash Div 1st Line */
    {
        font-size: 9em;
       /* margin-bottom: 0;
        margin-top: 0;*/
    }
    h3 /* Splash Div 2nd Header Line (Bold) */
    {
        font-size: 5em;
        margin-bottom: -11px;
    }
    h4 /* Splash Div 3nd Header Line (Light) */
    {
        margin-top: 0;
        font-size: 2.5em;
    }
    .me-pic /* Elliott Profile Illustration */
    {
        width: 60%;
        margin-right: 20%;
        margin-left: 20%;
        margin-top: 10%;
    }
}
@media only screen 
and (max-width: 991px)
{
    .splash /* Top Div With Splash Image */
    {
        background-image: url(../img/splashbg-m.png);
        background-position: center center;
        background-repeat: no-repeat;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/splashbgimg-m/.png', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/splashbgimg-m/.png', sizingMethod='scale')";
    }
    h2, h3
    {
        display: inline;
        font-size: 4em;
    }
    .me-pic /* Elliott Profile Illustration */
    {
        width: 300px;
        margin-right:auto;
        margin-left: auto;
        margin-top: 2em;
        display: block;
    }
    h3
    {
        margin-left: .1em;
    }
    .logo
    {
        fill:#6CBDE2;
    }
    .logo-contain
    {
        width: 80px;
        margin-top:14px;
    }
    h4
    {
        font-size: 2.3em;
    }
    nav{
        background-color: #fff;
        height: 70px;
    }
    #nav-icon 
    {
      width: 40px;
      height: 30px;
      margin-top: 19px;
    }
    #nav-icon span
    {
        height: 3px;
    }
    #nav-icon span:nth-child(1) {top: 0px;}

    #nav-icon span:nth-child(2) {top: 13px;}

    #nav-icon span:nth-child(3) {top: 27px;}

    .menu-contain li
    {
        font-size: 4em;
    }
    .menu-contain
    {
        text-align: center;
        z-index: 5;
        position: fixed;
        width: 100%;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
}
@media only screen 
and (max-width: 550px)
{
    .subtitles
    {
        margin-top: 6em;
    }
    .menu-contain
    {
        margin-left: -24px;
    }
    .bio p
    {
        font-size: 1.3em;
    }
    h1
    {
        font-size: 5em;
    }
    #bio .container
    {
        padding-left: 30px;
        padding-right: 30px;
    }
    .portfolio-sorting
    {
        margin-top: 1em;
    }
    .modal-panel-intro p
    {
        margin: auto 1em 3em 1em
    }


}
@media only screen 
and (max-width: 767px)
{
    .social-container
    {
        margin-left: auto;
        margin-right: auto;
    }
    .talk-p
    {
        padding-right: 1em;
        padding-left: 1em;
    }

}