/* iPhone (portrait) */
@media (min-width: 320px) and (max-width: 579px) {
.menu{
 display:none;
}
.menu-media{
 display:block;
}
.start-page .content {
 width:300px;
 height:100%;
}
.start-page, .start-page .opacity{
 height:100%;
}
.start-page .content .text {
 width:300px;
 top:18%;
}
.main-head{
 font-size: 28px;
 line-height: 1.2;
 }
.start-page .content .text .logo .strings-icon {
width: 81px;
height: 81px;
margin: 10px auto 10px;
}
.start-page .content .text p{
 font-size: small;
}
.start-page .content .text .read-more {
 display:none;
 }
h1 {
 font-size:36px;
}
.about-us h1 {
 margin-top:0;
}
.about .content{
 width:75%;
}
.about .content img{
 margin: 0 0 5px 0;
}
.about hr, .portfolio-margin hr, .contact hr {
 width:106px;
}
.portfolio .portfolio-margin{
 width:300px;
}
.grid{
margin-top:30px;
}
.grid li {
width: 260px;
height:260px;
margin:20px;
}
.grid img {
width: 250px;
}
.grid .screen {
width:252px;
height:252px;
}
.grid h3{
font-size:18px;
line-height: 20px;
}
.grid p{
font-size:15px;
}
.connect{
background-attachment:scroll;
}
.connect .content{
 width:300px;
}
.connect .social {
 width:300px;
}
.connect .social .social-button {
 width:100px;
 height:80px;
}
.contact .content{
	margin-top:20px;
}
.contact .content .contact-text{
width:300px;
 padding:0 0 30px 0;
}
.contact, .contact .content, .contact .content .form{
 width:300px;
}
input{
 width:320px;
}
textarea{
 width:320px;
}
.contact .content .form .column, .contact .content .form .column-3{
 width:320px;
}
.contact .content .form .column-2{
 width:320px;
 padding-left:0;
}
#send {
	margin: 0 0 0 0;
}
.contact{ 
 margin:0 auto;
}
.footer{
 position:relative;
}
.footer p{
font-size: 10px;
}
.footer .info {
	width:100%;
	text-align:center;
	margin: 0 0 0 0;
}
.footer .credit{
	display:none;
}
}
/* iPad (portrait) */
@media (min-width: 580px) and (max-width: 767px) {
.menu{
 display:none;
}
.menu-media{
 display:block;
}
.start-page .content {
 width:300px;
 height:100%;
}
.start-page, .start-page .opacity{
 height:100%;
}
.start-page .content .text {
 width:300px;
 }
.start-page .content .text .logo .strings-icon {
width: 81px;
height: 81px;
margin: 10px auto 10px;
}
.start-page .content .text p{
 font-size: medium;
}
.start-page .content .text .read-more {
 display:none;
 }
h1 {
 font-size:36px;
}
.about h1 {
 margin-top:0;
}
.about .content{
 width:500px;
}
.about .content img{
margin: 0 0 30px 0;
}
.about hr,.portfolio .portfolio-margin hr, .contact hr {
 width:106px;
}
.portfolio .portfolio-margin{
 width:500px;
}
.grid{
margin-top: 30px;
}
.grid li {
width: 220px;
height:220px;
margin:15px;
}
.grid img {
width: 210px;
}
.grid .screen {
width:212px;
height:212px;
}
.grid h3{
font-size:18px;
line-height: 20px;
}
.grid p{
font-size:15px;
}
.connect{
background-attachment:scroll;
}
.connect .content{
 width:400px;
}
.connect .social {
 width:400px;
}
.connect .social .social-button {
 width:120px;
 height:90px;
}
.contact .content{
width:400px;
margin-top:20px;	
}
.contact .content .contact-text{
 width:420px;
 padding:0 0 30px 0;
}
.contact, .contact .content, .contact .content .form{
 width:420px;
}
.contact .content .form .column, .contact .content .form .column-3{
 width:420px;
}
.contact .content .form .column-2{
 width:420px;
 padding-left:0;
}
#send {
	margin: 0 0 0 0;
}
.contact{ 
 margin:0 auto;
}
input{
 width:420px;
}
textarea{
 width:420px;
}
.footer{
 position:relative;
}
.footer .info {
	width:100%;
	text-align:center;
	margin: 0 0 0 0;
}
.footer .credit{
	display:none;
}
}

/* iPad (landscape) */
@media (min-width: 768px) and (max-width: 1023px) {
.menu-content{
 width:700px;
}
.menu-content .logo{
 width:230px;
}
.menu-content ul {
width: 470px;
left: 50%;
float: right;
text-align: right;
list-style: none;
}

.about .content{
 width:700px;
}
.about .content img{
margin: 40px 0 0 0;
}
.about p{
width: 100%;
}
.about h2{
 letter-spacing:2px;
}
.portfolio .portfolio-margin {
 width:690px;
}
.grid li {
width: 220px;
height:220px;
}
.grid img {
width: 210px;
}
.grid .screen {
width:212px;
height:212px;
}
.grid h3{
font-size:18px;
line-height: 20px;
}
.grid p{
font-size:15px;
}
.connect .content{
 width:700px;
}
.connect .content .social {
 width:700px;
}
.connect .social .social-button {
 width:130px;
 height:95px;
}
.contact{ 
 margin:0 auto;
}
.contact .content {
 width:700px
}
.footer{
 position:relative;
}
.contact .content .form{
 width:355px;
}
input{
 width:320px;
}
textarea{
 width:320px;
}
.contact .content .contact-text {
 width:275px;
}
.contact .content .form .column, .contact .content .form .column-3{
 width:450px;
}
.contact .content .form .column-2{
 width:450px;
 padding-left:0;
}
}