/* Large (Desktop)
-------------------------------------------------------------------------*/

    @media only screen and (min-width: 959px) {

    	.hero .lockup p{
 	/*padding: 0 25%;*/
}

    }





/* Medium (Tablet)
-------------------------------------------------------------------------*/

    @media only screen and (min-width: 600px) and (max-width: 959px) {

  .hero .lockup {
	padding: 100px 0px 100px 0px;
	}

	.hero .lockup p {
		width: 90%;
	}

	.work li a .link {
		/*background: #ccc;*/
		border: none !important;
		padding: 10px 25px;
		border-radius: 50px;
	}

	.work li a:hover .link {
		/*background: #ccc;*/
		border: none !important;
		padding: 10px 25px;
		border-radius: 50px;
	}



    }





/* Small (Mobile)
-------------------------------------------------------------------------*/

    @media only screen and (min-width: 320px) and (max-width: 599px) {

    	.hero .lockup {
		padding: 50px 0px 50px 0px !important;
	}

    	 h1 {
		font-size: 32px;
    	}

	h2 {
		font-size: 24px;
		line-height: 1.25em;
    	}

	.subhead {
		font-size: 14px;
    	}
	 .hero .lockup {
		padding: 200px 0px 100px 0px;
	}

	.hero .lockup p {
		width: 90%;
	}

	.hero .lockup span {
		display: none;
	}

	.work li a .link {
		/*background: #ccc;*/
		border: none !important;
		padding: 10px 25px;
		border-radius: 50px;
	}

	.work li a:hover .link {
		/*background: #ccc;*/
		border: none !important;
		padding: 10px 25px;
		border-radius: 50px;
	}

	ul.social li {
		margin: 48px 5px !important;
	}

	.copyright,
	.date {
		position: relative;
		font-size: 11px;
	}

	.copyright {
		left: 0px;
	}

	.date {
		right: 0px;
	}



    }