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

@media (min-width: 1440px) {

.works-grid-3 .work-item {
    width: 25%;
}

}

@media (max-width: 1110px) {

.container {
	width:960px;
}

.workspace {
	width:960px;
	height:304px;
}

.web-design {
	width:300px;
	float:left;
	text-align:center;
}

.logo-design {
	width:300px;
	float:left;
	margin-left:30px;
	text-align:center;
}

.graphic-design {
	width:300px;
	float:left;
	margin-left:30px;
	text-align:center;
}

.contact-left {
	width:465px;
	float:left;
	margin-top:45px;
}


.contact-info {
	width:400px;
	float:left;
}

.contact-form {
	width:465px;
	float:left;
	margin-left:30px;
	margin-top:45px;
}

.footer-info {
	width:350px;
}

}

@media (max-width: 960px) {

.container {
	width:720px;
}

ul#menu li {
	margin-left:45px;
	font-size:17px;
}

.featured-title {
	left:200px;
}

.workspace {
	width:720px;
	height:228px;
}

.web-design {
	width:230px;
	float:left;
	text-align:center;
}

.logo-design {
	width:230px;
	float:left;
	margin-left:15px;
	text-align:center;
}

.graphic-design {
	width:230px;
	float:left;
	margin-left:15px;
	text-align:center;
}

.contact-left {
	width:100%;
	float:left;
}

.contact-form {
	width:100%;
	float:left;
	margin-left:0px;
	margin-top:45px;
	text-align:left;
}


.footer-info {
	float:left;
	width:445px;
	margin-left:60px;
	margin-top:15px;
}

.copyright {
    float: left;
    margin-top: 30px;
    margin-left: 190px;
}


}


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

.container {width:480px;}

ul#menu {
    display:none;
}

.featured-title {
	left:0px;
	margin:0 auto;
}

.workspace {
	width:100%;
	margin-top:70px;
	background-size:cover;
	background-position:center;
}

.web-design {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.logo-design {
	width:100%;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.graphic-design {
	width:100%;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
}

.portfolio-imac {
	width:480px;
	height:420px;
	background-size:100%;
	padding: 20px 20px 0 20px;
}



.contact-info {
	width:415px;
	float:left;
}

.footer-info {
    width: 100%;
    margin-left: 0px;
    margin-top: 30px;
}

.copyright {
    margin-top: 30px;
    margin-left: 0px;
}

}



@media screen and (min-device-width : 300px) and (max-width: 480px) {

p {font-size:16px;}
h1 {font-size:72px;}
h2 {font-size: 36px;}
h3 {font-size: 32px;}
h4 {font-size: 26px;}
 
.container {width:320px;} 

.contact-icon {
	width:50px;
	height:350px;
	float:left;
}

.phone-icon {bottom:15px !important;}

.icon-pos {bottom:30px;}

.contact-info {
	font-size:16px;
	width:265px;
	float:left;
}

.portfolio-imac {
    width: 320px;
    height: 280px;
    padding: 13px 14px 0 12px;
}

}