@font-face {
        font-family: myFirstFont;
        src: url("Graphik-Regular-Web.woff");
        }
		@font-face {
			font-family: Noka-Bold;
			src:url("font.woff")
		}
        h1 {font-family:myFirstFont; text-align: center;}
        h2 {font-family:myFirstFont;text-align: center;}


        .nav {
        font-family: myFirstFont;
          list-style-type: none;
          text-align: center;
          margin: 0;
          padding: 0;
        }
        
        .nav li {
          display: inline-block;
          font-size: 12px;
          padding: 10px;
        }

        footer {
            font-family: myFirstFont;
            background-color: black;
            padding-top: 100px;   
            padding-bottom: 50px;
            margin:0px;
            text-align: center;
            color: white;
            width: 100%;
            bottom: 0px;
            right:0px;
            margin-bottom: 0px;
         }

         .social {
          list-style-type: none;
          text-align: center;
          margin: 0;
          padding: 0;
        }
        
        .social li {
          display: inline-block;
          padding: 0px;
          margin: 0px;
        }

        img {
         display: block;
         margin-left: auto;
         margin-right: auto;
            }

        p {
        font-family: myFirstFont;
        line-height: 1.5em;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 50px;
            }

        a:link {
          color: black; 
          background-color: transparent; 
          text-decoration: none;
        }

        a:visited {
          color: black;
          background-color: transparent;
          text-decoration: none;
        }

        a:hover {
          color: red;
        
        }

        a:active {
          color: red;
          background-color: transparent;
          text-decoration: underline;
        }

        #linkbrush {
            padding-bottom: 5px;
            background: url(images/asset1.png) bottom repeat-x;
            text-decoration: none;
        }
.hidden {
   Position: absolute;
   left: -10000px;
   top: auto;
   width: 1px;
   height: 1px;
   overflow: hidden;
}
                /* For desktop: */
.p-1 {width: 50%; 
      margin-left: auto;
     margin-right: auto;}
.p-2 {width: 45%;
    margin-left: auto;
    margin-right: auto;}
.p-3 {width: 25%; 
      margin-left: auto;
    margin-right: auto;}

        @media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="p-"] {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}

.sr-only
{
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
 
.sr-only:focus
{
position:static;
width:auto;
height:auto;
}