@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,600,700');

@media only screen and (max-width: 1150px) {
	
	.features ul{
	width:100%;
}

.features li{
	width:47%;
	margin: .5%;
}


.parallax-background-image{
	background-image:url(../images/main/smallscreen_graphic_design.jpg);
}
	
textarea {
    -webkit-appearance: none;
	border-radius:0;
	}
textarea #styled {
    -webkit-appearance: none;
	border-radius:0;
	}
	
input[type=submit] {
    -webkit-appearance: none;
    min-width: 215px;   /*! button width*/
	border-radius:0;
}	
h1{
font-size:60px;
}
	
	.stats{
		height: inherit;
	}
	
	.stats ul{
	margin-top:175px;
	margin-bottom:175px;
}
	
}


@media only screen and (max-width: 800px) {


    li.left, li.right {
	font-size: 0;
        float: none;
        width: 100%;
    }
	
	ul.img-list li {
        margin: 0 0 0 0;
        width: 100%;
}


header .logo-social table{
	display:block;
	width:90%;
	margin-top:20px;
}

header .logo-social table #logo{
	height:30px;
	width:100%;
}

header .logo-social table #logo img{
	height:35px;
}

header .logo-social table #social{
	display:none;
}

header a#instagram, a#behance, a#linkedin, a#dribbble, a#twitter{    
	display:none;	
}	

 /*! begin dropdown menu*/

.mobile-dropdown{
     display:block;
	width:35px;
	height:35px;
	float:right;
	background-image:url(../images/main/mobile_dropdown.png);
background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}

.mobile-dropdown img{
	height:20px;
	cursor:crosshair;
}

header table tr td .mobile-dropdown.open{
		background-image:url(../images/main/dropdown-x.png);
		background-size:contain;	
}

.main-nav-container {
       display:none;
}

.drop-down-menu{
	background-color:black;
	color:white;
	margin-top:20px;
	position:absolute;
	width:100%;
	height:100%;
	z-index:500;
	padding-bottom:90px;
}

.drop-down-menu.open{
	display:table;
}

.drop-down-menu ul{
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0;
	width:100%;
	height: 100%;
	padding-left:0;
	padding-right:0;
	list-style-type: none;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

.drop-down-menu ul li{
	padding-top:30px;
	padding-bottom:30px;
	font-weight:500;
	letter-spacing:3px;
}

.drop-down-menu li #social{
}

.drop-down-menu li #social img{
	width:30px;
	height:30px;
	display:inline-block;
	padding-top:30px;
	margin:10px;
	}

.drop-down-menu a:link {
    text-decoration: none;
}

.drop-down-menu a:visited {
    text-decoration: none;
}

.drop-down-menu a:hover {
    text-decoration: none;
}

.drop-down-menu a:active {
	text-decoration: none;
}

.drop-down-menu a { 
	color: inherit;
}

body.open{
	height:100vh;
	overflow:hidden;
	position:fixed;
}

 /*! end dropdown menu*/

.header-box{
	height:95vh;
}

.parallax-background-image{
	background-image:url(../images/main/tablet_graphic_design.jpg);
}

.features ul {
        width: 99%;
margin-left:auto;
margin-right:auto;

}

.item {
	font-size:20px;
}

		.stats ul{
	margin-top:100px;
	margin-bottom:100px;
}


.portfolio ul li{
	width:100%;
	font-size:0;
	margin:0;
	padding:0;
	display:block;
}

.portfolio a{
	font-size:0;
	margin:0;
	padding:0;
	display:block;
}

	
.contactme {
    min-width: 229px;   
}

input[type=text], select {
    width: 50%;
    padding: 12px 20px;
    margin-top:0;
    margin-bottom:-3px;
    border: 3px solid black;
    box-sizing: border-box;
    font-size:19px;
    min-width: 500px;
    border-radius:0;
	margin-left:auto;
	margin-right:auto;
}

input[type=email], select {
    width: 50%;
    padding: 12px 20px;
    margin-top:0;
    margin-bottom:-3px;
    border: 3px solid black;
    box-sizing: border-box;
    font-size:19px;
    min-width: 500px;
    border-radius:0;
	margin-left:auto;
	margin-right:auto;
}

textarea#styled {
	 min-width: 500px;
	  -webkit-appearance: none;
}

input[type=submit] {
    -webkit-appearance: none;
    min-width: 229px;    
	border-radius:0;
}	



.stats li {
	display:inline-block;
	width: 44%;
	padding:0;
	margin-top: 6%;
	margin-bottom: 6%;
	padding-left: 3%;
	padding-right: 3%;
	vertical-align: top;
	
}
}

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

a#instagram, a#behance, a#linkedin, a#dribbble, a#twitter{    
	display:none;	
}	
	
.header-box{
        height: 90vh;
}

h1{
	font-size:48px;
	margin-top:-75px;
}

.features ul li:hover, .features ul li:focus, .features ul li:active{
	background-color: #1a1a1a;
	color:white;
}
.features a#mobile-touch:hover, .features a#mobile-touch:active{
	background-color:black;
}

.features li{
	width:96%;
	margin-left:2%;
	margin-right:2%;
	margin-bottom:1%;
	margin-top:1%;
}

.stats {
        margin-top: 0;
        margin-bottom:0;
	list-style-type:none;
	padding: 0;
	height:inherit;
        padding-top:10vh;
        padding-bottom:10vh;
        align-items: center;
        text-align: center;
	font-size:0;
	display:table-cell;
	vertical-align: middle;
}

.stats ul {
        margin-top: 25px;
        margin-bottom:25px;
}

.stats li {
	display:inline-block;
	width: 100%;
	padding-top:20px;
        padding-bottom:20px;
	vertical-align: top;
        padding-left:0;
        padding-right:0;	
}

#statsname {
	font-size: 13px;
}

#counter {
	font-size: 50px;
}

.parallax-background-image{
	background-image:url(../images/main/mobile_graphic_design.jpg);
}


.block#quote{
	height:100vh;
}

.quote-container .center-content{
	height:100vh;
	width:100%;
}

.block#quote .natalie{
	width: 150px;
    height: 150px;
}

.quote-container span#quote{
	font-size:30px;
}

.quote-container span#natalie{
	font-size:12px;
}

.blurb p{

	font-size: 16px;
	width: 85%;
	line-height: 42px;
	font-weight:100;
	letter-spacing: 0;
	margin-left: auto;
	margin-right: auto;
}

.contactme {
    min-width: 169px;   /*! 215-46 (subtract 46 from width to match submit button width)*/
}

.news-signup-container h2{
    font-size:55px;
padding-top:0;
line-height:40px;
}

.news-signup-container p{
    width: 85%;
font-size: 18px;
}

.news-signup-container {
	padding-top:19vh;
	padding-bottom:19vh;
}

input[type=text], select {
    min-width: 80%;
}

input[type=email], select {
    min-width: 80%;
}

textarea#styled {
    min-width: 80%;	
}

footer nav {
	padding-bottom:100px;
        margin-top:0;
}

footer nav ul{
     width: 200px;
}

footer nav ul li { 
     width: 200px; 
     font-size: 16px;
    height: 75px;
}

footer .logo-social {
     width: 100%;  
}


footer table{
     margin-bottom:0;
	 width:100%;
}

footer table tr{
	    text-align: center;
}

footer table tr td{
}


footer table tr td#logo{
    display:block;
    width:100%;
    text-align: center;	
}

footer table tr td#logo img{
    display:block;
    text-align: center;
	margin-left: auto;
	margin-right:auto;
	width:240px;
	height:auto;
}

footer table tr td#social{
    display:block;
    width:100%;
    text-align: center;
    margin-top: 120px;
    margin-bottom: 120px;
}

footer table tr td#social img{
       margin-left:10px;
       margin-right:10px;
}


}