@media all 
and (min-width: 800px) {
	body {
		font-family: "roboto", sans-serif;
		font-style: normal;
		font-size: 1em;
		line-height: 1.4em;
		font-weight: 300;
		letter-spacing: .01em;
		color: #6F7677;
		background-color: white;
	}
	
	h1 {
		font-size: 2.7em;
		font-weight: 100;
		line-height: 1em;
		text-transform: uppercase;
	}
	
	h2 {
	    clear: left;
		font-size: .8em;
		text-transform: uppercase;
		line-height: 1em;
		font-weight: 100;
		padding-top: 6%;
	}
	
	h2 a {
		color: white;
		text-decoration: none;
		background-color: #6F7677;
		padding: 3% 4%;
		font-weight: 400;
		letter-spacing: .1em;
	}
	
	h2 a:hover {
        color: white;
		text-decoration: none;
		background-color: #24272A;
	}
	
	p {
		font-size: 1em;
		line-height: 1.6em;
	}
	
	img {
		max-width: 100%;
	}
	
/* header */
	
	header {
		background-color: white;
		color: #24272A;
		position: fixed;
		top: 0;
		width: 100%;
		padding: 35px 2%;
		letter-spacing: .07em;
		font-size: .8em;
		border-bottom: solid #24272A 10px;
	}
	
	.name {
		width: 40%;
		float: left;
		font-weight: 400;
		color: #24272A;
	}

	nav {
		width: 40%;
		float: right;
		text-align: right;
		margin-right: 3%;
	}
	
	nav a {
		text-decoration: none;
		color: #24272A;
	}
	
	nav a:hover {
		font-weight: 400;
		color: #24272A;
	}
	
	ul li {
		display: inline;
		margin-right: 4%;
	}
	
	.stay a {
		font-weight: 400;
		color: #24272A;
	}
	
    .welcome {
        padding: 180px 0 90px 0;
        border-bottom: solid #24272A 10px;
    }
	
	.welcome p.large {
		font-size: 3.5em;
		line-height: 1em;
		text-transform: uppercase;
		color: #24272A;
		font-weight: 100;
	}
	
	.welcome p {
		font-size: 1.2em;
        line-height: 1.6em;
        width: 65%;
        margin: 1% auto 0 auto;
    }
    
/* about */
    
    #about {
        width: 65%;
        margin: 90px auto 0 auto;
    }
	
	.paragraphone {
		width: 48%;
		float: left;
		margin-right: 4%;
	}
	
	.paragraphtwo {
		width: 48%;
		float: left;
		margin-bottom: 90px;
	}
	
	#about p {
		margin-bottom: 2%;
	}
	
	#about p a {
	    color: #6F7677;
	    text-decoration: none;
	}
	
	#about p a:hover {
	    color: #24272A;
	    text-decoration: none;
	}
	
	#about p .uppercase {
		text-transform: uppercase;
	}
	
	#about .bold {
	    color: #24272A;
	    font-weight: 400;
	}
	
/* design */

    .container {
        border-bottom: solid #24272A 10px;
    }
	
	.client {
		width: 50%;
		padding-right: 15%;
		margin: 90px auto 40px auto;
	}
	
	.client p {
		margin-bottom: 1%;
		line-height: 1.6em;
	}
	
	.client h1 {
	    margin-bottom: 30px;
	    margin-top: 0;
	    letter-spacing: .02em;
		color: #24272A;
	}
	
	.client p.small {
	    font-size: .9em;
		letter-spacing: .02em;
	}

	.portfolio {
		clear: left;
	    width: 65%;
		margin: 0 auto 90px auto;
	}
	
	.portfolio img {
		margin-bottom: 5px;
		width: 100%;
	}
	
	.portfolio p {
	    text-align: center;
	    margin-bottom: 25px;
	}
	
	.float figure {
	    width: 50%;
	    float: left;
	}
	
	figcaption p {
	    font-size: .8em;
		color: #24272A;
	}
	
	img.clear {
		clear: both;
	}
	
	.delete {
	    display: none;
	}
	
	.center {
	    width: 100%;
	    margin-left: 50%;
	}
	
/* footer */
	
	footer {
		clear: left;
	}
	
	footer p {
		padding: 2%;
		font-size: .8em;
	}
	
	.footer {
	   border-top: solid black 10px;
	}
}






@media all 
and (max-width: 800px) {
	body {
		font-family: "roboto", sans-serif;
		font-style: normal;
		font-size: 1em;
		line-height: 1.4em;
		font-weight: 300;
		color: #6F7677;
		background-color: white;
		letter-spacing: .01em;
	}
	
	h1 {
		font-size: 1.8em;
		font-weight: 100;
		line-height: 1em;
		text-transform: uppercase;
	}
	
	h2 {
	    font-size: .8em;
		text-transform: uppercase;
		line-height: 1em;
		font-weight: 100;
		padding-top: 4%;
		margin-left: 10%;
	}
	
	h2 a {
		color: white;
		text-decoration: none;
		background-color: #6F7677;
		padding: 3% 4%;
		font-weight: 400;
		letter-spacing: .1em;
	}
	
	h2 a:hover {
	    color: white;
		text-decoration: none;
		background-color: #24272A;
	}
	
	p {
		font-size: .85em;
		line-height: 1.6em;
	}
	
	img {
		max-width: 100%;
	}
	
/* header */
	
	header {
		color: #24272A;
		letter-spacing: .07em;
		font-size: .8em;
		position: fixed;
		top: 0;
		width: 100%;
		border-bottom: solid #24272A 10px;
	}
	
	.name {
		font-weight: 400;
		padding: 25px 7%;
		background-color: white;
		border-bottom: solid #24272A 10px;
	}

	nav {
		background-color: white;
		padding: 25px 7%;
	}
	
	nav ul {
		text-align: right;
	}
	
	nav a {
		text-decoration: none;
		color: #33373A;
	}
	
	nav a:hover {
		font-weight: 400;
		color: #24272A;
	}
	
	ul li {
		display: inline;
		margin-left: 2%;
	}
	
	.stay a {
		font-weight: 400;
		color: #24272A;
	}
	
	.welcome {
        padding: 230px 0 90px 0;
        border-bottom: solid #24272A 10px;
    }
	
	.welcome p.large {
		font-size: 2.3em;
		line-height: 1em;
		text-transform: uppercase;
		color: #24272A;
		font-weight: 100;
	}
	
	.welcome p {
	    width: 80%;
        margin-left: 10%;
        margin-top: 2%;
		font-size: 1em;
        line-height: 1.5em;
    }	
	
/* about */

    #about {
		padding: 30px 0 20px 0;
	}
	
	#about p {
		margin-bottom: 2%;
		width: 80%;
		margin-left: 10%;
	}
	
	#about p a {
	    color: #6F7677;
	    text-decoration: none;
	}
	
	#about p a:hover {
	    color: #24272A;
	    text-decoration: none;
	}
	
	#about .bold {
	    color: #24272A;
	    font-weight: 400;
	}
	
/* design */

    .container {
        border-bottom: solid #24272A 10px;
    }
	
	.client {
		margin: 90px 10% 40px 10%;
	}
	
	.client p {
		margin-bottom: 1%;
		line-height: 1.6em;
	}
	
	.client h1 {
	    margin-bottom: 25px;
	    margin-top: 0;
		letter-spacing: .02em;
		color: #24272A;
	}
	
	.client p.small {
	    font-size: .8em;
	}
	
	.portfolio {
	    margin-bottom: 90px;
	}
	
	.portfolio img {
		width: 90%;
		margin: 0 5% 5px 5%;
	}
	
	.portfolio p {
	    text-align: center;
	    margin-bottom: 25px;
	}
	
	figcaption p {
	    font-size: .8em;
		color: #24272A;
	}
	
/* footer */

    .footer {
        margin-top: 40px;
        border-top: solid #24272A 10px;
    }
	
	footer p {
		padding: 2%;
		font-size: .7em;
	}
	

}