body, html
{
    height:100%;
    font: 13px/1.7 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.resumeinfo
{
    text-align: center;
    padding-top: 1%;
    padding-bottom: 1%;

    display: none;

}
.resumeinfo p{
    color:white;
}
.intro
{
/*    text-align: center;
    padding-top: 13%;
    padding-bottom: 13%;
    position: relative;
    height: 91%;
    width: 100%;*/
    /*top: 40px;*/
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    width: auto;
    height: auto;
}

.navpointer {
  cursor: pointer;
}
.navpointer:hover{
  text-decoration: underline;
}

.intro-inside{
  margin-top: 100px;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
}
.intro h1
{
    font-weight: 900;

    /*text-transform: uppercase;*/
    font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
    font-size: 69px;
    font-style: bold;
    font-variant: normal;
    font-weight: 500;
    line-height: 49px;
}

.intro2
{
  text-align: center;
/*  padding-top: 13%;
  padding-bottom: 13%;*/
  margin-bottom: 0px;
  margin-top: 0px;
}
.intro-inside2{
  margin-top: 100px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
}
#navbarstuff
{
  margin-top: 80px;
  margin-bottom: 0px;
}

.intro2 h1
{
    font-weight: 900;

    /*text-transform: uppercase;*/
    font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
    font-size: 69px;
    font-style: bold;
    font-variant: normal;
    font-weight: 500;
    line-height: 49px;
}

/*.intro h5
{
    text-transform: uppercase;
    background-color: #f5f5f5;
    padding: 10px;
    color: #333333;
    display: inline-block;
    font-size: 1.2rem;
}*/

.about{
    margin-bottom: 30px;
    margin-top: 50px;
    display: none;

}
.about .col
{
    margin-bottom: 50px;
}

.about h5
{
    font-size: 300%;
    margin-top: 35px;
    margin-bottom: 15px;
}

.about h6
{
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 45px;
}
.about hr {
  border: 0;
  clear:both;
  display:block;
  width: 40px;               
  background-color:#000000;
  height: 1px;
margin-bottom: 45px;

}

.about p
{
    font-size: 140%;
}

.about .card
{
    text-align: center;
}

.current-tab{
    font-weight: 500;
}

.portfolio{
    display: none;
}

.portfolio .col
{
    margin-bottom: 100px;
}

.portfolio h5
{
    font-size: 300%;
    text-align: center;
    margin-bottom: 100px;
    margin-top: 100px;
}

.portfolio h6
{
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 45px;
}

.portfolio hr
{
  clear:both;
  border: 0;  
  display:block;
  width: 40px;               
  background-color:#000000;
  height: 1px;
  margin-bottom: 45px;
}

.portfolio-project-image{
    height: 300px;
    width: 200px;
}

.portfolio .col{
    margin-bottom: 10px;
}

.project-title p{
    margin-top: 20px;
}

.card-title-portfolio{
    font-size: 20px; 
}

.card-image img{
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;    
}

.card-image:hover img{
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    animation-iteration-count: infinite;    
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);       
    /* opacity: 0.8; */
}

@keyframes shake {
    10%, 90% {
      transform: translate3d(-1px, 0, 0);
    }
    
    20%, 80% {
      transform: translate3d(2px, 0, 0);
    }
  
    30%, 50%, 70% {
      transform: translate3d(-4px, 0, 0);
    }
  
    40%, 60% {
      transform: translate3d(4px, 0, 0);
    }
  }

.contact{
    display: none;
}

.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
  }
  
  .middle {
    display: table-cell;
    vertical-align: middle;
  }
  
  .inner {
    margin-left: auto;
    margin-right: auto;
    width: 400px;
    /*whatever width you want*/
  }
  
.contact h5
{
    font-size: 300%;
    text-align: center;
    margin-bottom: 100px;
    margin-top: 100px;
}

.contact hr
{
border: 0;
  clear:both;
  display:block;
  width: 40px;               
  background-color:#000000;
  height: 1px;
margin-bottom: 45px;
}

.projects{
    display: none;
}

.projects p{
    margin-bottom: 80px;
    text-align: justify;
}

#fb-townhall-warning{
    color: red;
    font-size: 160%;
    margin-top: 100px;
    text-align: center;   
}

.ul-prop{
    background-color: #EDEDED; 
}
.projects h5
{
    font-size: 250%;
    margin-bottom: 60px;
    font-weight: 35;
}

.projects h2
{
    font-size: 350%;
    margin-bottom: 40px;
    margin-top: 100px;
    font-weight: 35;
    text-align: center;
}

#projects-subtitle{
    color: gray;
    font-size: 170%;
    margin-bottom: 80px;
    text-align: center;   
}

.projects hr
{
  clear:both;
  border: 0;  
  display:block;
  width: 40px;               
  background-color:#000000;
  height: 1px;
  margin-bottom: 45px;
}

.projects img{
    border-radius: 5px;
    margin-bottom: 80px;        
}

.projects .projects-video{
    margin-bottom: 80px;
}

.projects-row{
    padding-right: 20%;
    padding-left: 20%;        
}

.projects .feedhub-mobile-img{
    height: 665px;
    width: 340px;
}

.github img{
    margin-top: 30px;
    margin-bottom: 22px;
}
.github p{
    font-size: 200%;
    margin-top:0;
    color: #000000;
    text-decoration: none;
}
.email a{
    font-size: 200%;
    font-weight:500;
    margin-top: 0;
    color: #000000;
    text-decoration: none;
}
.email p{
    font-size: 200%;
    margin-top:0;
    color: #000000;
    text-decoration: none;
}
.linkedin a{
    font-size: 200%;
    font-weight:500;
    margin-top: 0;
    color: #000000;
    text-decoration: none;
}
.linkedin p{
    font-size: 200%;
    margin-top:0;
    color: #000000;
    text-decoration: none;
}
#linkedin-img{
    background: none;
}
#linkedin-img:hover{
    background: #ffcc80;
}
#projecttext {
    font-size: 140%;
    text-align: center;
    margin-bottom: 70px;
}
#aboutmetext {
    font-size: 140%;
}
.projectprize {
    font-size: 110%;
    color: #004d40;
}
.projectcontent {
    font-size: 130%;
}
.cardstock{
    color: #FF8A65;
}
/*.footer-1{
  margin-top: 0px;
  background: #EE6E73;
  height: 50px;
}
.footerdiv
{
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);  margin-top: 0px;
  margin-bottom: 0px;
  text-align: center;
}*/

.left-con {
  text-align: right;
  float: left;
  width: 50%;
  line-height: 120%;
}

.right-con {
  text-align: left;
  float: right;
  width: 50%;
  line-height: 120%;
}

.networks-con {
  overflow: hidden;
  margin-bottom: 85px;
}
.networks-con p{
    font-size: 140%;
}

text {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  text-align: center;
}