body, html{
          Font-Family: 'PT Serif', Serif;
          
      }
      
      .noscroll{
          overflow: hidden;
      }
      
      p{
          font-size: 16px;
      }
      
      h3, h4 {
          margin: 10px 0 30px 0;
          letter-spacing: 10px;      
          font-size: 25px;
          color: #111;
      }
      
      h6{
          Font-Family: 'PT Serif', Serif !important;
      }
      .container {
          padding: 80px 100px;
      }
      
      @media (max-width: 650px) {
        .container {
          padding: 10px 15px;
        }
          
        #nameHead{
            padding: 90px 25px !important;  
          }
      }
      
      .bg-1 {
          background: #2d2d30;
          color: #bdbdbd;
      }
      .bg-1 h3 {color: #fff;}
      .bg-1 p {font-style: italic;}
      .list-group-item:first-child {
          border-top-right-radius: 0;
          border-top-left-radius: 0;
      }
      .list-group-item:last-child {
          border-bottom-right-radius: 0;
          border-bottom-left-radius: 0;
      }
      .thumbnail {
          padding: 0 0 15px 0;
          border: none;
          border-radius: 0;
      }
      .thumbnail p {
          margin-top: 15px;
          color: #555;
      }
      .btn {
          padding: 10px 20px;
          background-color: #333;
          color: #f1f1f1;
          border-radius: 0;
          transition: .2s;
      }
      .btn:hover, .btn:focus {
          border: 1px solid #333;
          background-color: #fff;
          color: #000;
      }
      .modal-header, h4, .close {
          background-color: #333;
          color: #fff !important;
          text-align: center;
          font-size: 30px;
      }
      .modal-header, .modal-body {
          padding: 40px 50px;
      }
      .nav-tabs li a {
          color: #777;
      }
      .navbar {
          Font-Family: 'Varela Round', Sans-Serif !important;
          margin-bottom: 0;
          background-color: #2d2d30;
          border: 0;
          font-size: 11px !important;
          letter-spacing: 4px;
          opacity: 0.9;
      }
      .navbar li a, .navbar .navbar-brand { 
          color: #d5d5d5 !important;
      }
      .navbar-nav li a:hover {
          color: #fff !important;
      }
      .navbar-nav li.active a {
          color: #fff !important;
          background-color: #29292c !important;
      }
      .navbar-default .navbar-toggle {
          border-color: transparent;
      }
      .open .dropdown-toggle {
          color: #fff;
          background-color: #555 !important;
      }
      .dropdown-menu li a {
          color: #000 !important;
      }
      .dropdown-menu li a:hover {
          background-color: black !important;
      }
      
      #navBarFont{
          font-family: 'Yantramanav', sans-serif;
      }
      
      /* HOMEPAGE */
      #homePage{
          background-color: gainsboro;
      }
      
      #profilePicture{
          filter: brightness(120%);
      }
      
     img {
        border-radius: 5px 5px 5px 5px;
     }
      
      .jumbotron{
          height: 350px;
          background-image: url(images/coverpicture.jpeg);
          background-size: cover;
          background-position: 0% 38%;
          color: #191818;
          
      }
      
      @media (max-width: 1000px) {
          .jumbotron { 
              background-image: url(images/redMount.jpg);,
              background-size:contain;
              color: whitesmoke;
          }
      }
      
      /* -- PROJECTS -- */
      #projects{
          background-color: #25222A;
      }
      
      .projectDes{
          font-size: 14px;
      }
      
      #contact{
          background-color: #25222A;
      }
      
      .description-header{
          margin-top:0px;
      }
      /* -- FOOTER -- */
      #footer {
          margin: 0px !important;
          background-color: #2d2d30;
          color: #f5f5f5;
          padding: 12px;
          
      }
      #footer a {
          color: #f5f5f5;
      }
      #footer a:hover {
          color: #777;
          text-decoration: none;
      }  
      .form-control {
          border-radius: 0;
      }
      textarea {
          resize: none;
      }
      
    /* -- SOCIAL MEDIA --*/  
        #socialNetworks {
            margin: 0 auto;
            background-color: #25222A;
            padding-top: 7px;
            padding-bottom: 10px;
        }
      
        @media (max-width: 650px) {
            #socialNetworks{
                padding-top: 10px;
            }
      }
      
        .icon {
            filter: brightness(70%);
        }
      
      .hoverIcon{
            filter: brightness(100%);          
      }
      
      #copyRightName{
          margin-top: 5px;
      }
      
      
      #bulletList{
          display:inline-block;
          margin-top: 20px;
      }
      
      .copyrightTag {
        background-color: #25222A;
        padding: 2px;
        color: whitesmoke;
        }