/* iPad (portrait) (min-width: 320px) and */
@media  (max-width: 579px) {

    .menu{
      display:none;
    }

    .menu-media{
      display:block;
    }

    .start-page .content {
      width:300px;
      height:500px;
    }

    .start-page, .start-page .opacity{
      height:500px;
    }
    .start-page .content .text {
      width:300px;
    }


    h1 {
      font-size:36px;
    }

    .about-us h1 {
      margin-top:0;
    }

    .about-us{
      width:300px;
    }

    .about-us hr,.portfolio .portfolio-margin hr, .contact hr {
      width:200px;
    }

    .about-us .column-one, .about-us .column-two{
      width:300px;
      margin-bottom:20px;
    }

     .about-us .column-three{
      width:300px;
      margin-bottom:70px;
     }

    .portfolio .portfolio-margin{
      width:300px;
    }

    .partners .content{
      width:300px;
    }

    .partners .logo {
      width:300px;
    }

    .partners .logo img {
      width:250px;
    }

    .contact, .contact .content, .contact .content .form{
      width: 99%;
    }
    .inputs{
    
      width: 90%;
    }
/*

    .contact, .contact .content, .contact .content .form{
      width: 90%;
      text-align: center;
    }

    .contact .content .contact-text{
      padding-left:0px;
      width:200px;
      text-align:center;
      margin-top:60px;
    }

    .contact, .contact .content, .contact .content .form input{
      width: 99%;
      -moz-border-radius:4px;
      -webkit-border-radius:4px;
      border-radius: 4px;
    }
*/
    .footer .margin {
      width:300px;
    }

    .footer .margin .copyright {
      width:280px;
      text-align:center;
    }

    .footer .margin .menu-footer{
      width:300px;
    }

    .footer .margin .menu-footer a{
      font-size:15px;
      padding-right:10px;
      text-align:center;
    }

}







/* iPad (portrait) */
@media (min-width: 580px) and (max-width: 767px) {

    .menu{
      display:none;
    }

    .menu-media{
      display:block;
    }

    .menu-media .menu-content{
      width:540px;
    }

    .start-page .content {
      width:560px;
      height:500px;
    }

    .start-page, .start-page .opacity{
      height:500px;
    }
    .start-page .content .text {
      width:560px;
    }


    h1 {
      font-size:56px;
    }

    .about-us h1 {
      margin-top:0;
    }

    .about-us{
      width:300px;
    }

    .about-us hr,.portfolio .portfolio-margin hr, .contact hr {
      width:200px;
    }

    .about-us .column-one, .about-us .column-two{
      width:300px;
      margin-bottom:20px;
    }

     .about-us .column-three{
      width:300px;
      margin-bottom:70px;
     }

    .portfolio .portfolio-margin{
      width:300px;
    }

    .partners .content{
      width:300px;
    }

    .partners .logo {
      width:300px;
    }

    .partners .logo img {
      width:300px;
    }


    .contact, .contact .content, .contact .content .form{
      width: 99%;
    }
    .inputs{
    
      width: 90%;
    }
    .button{
      margin-right: 10%;
    }

/*
    .contact .content .contact-text{
      padding-left:0px;
      width:300px;
      text-align:center;
      margin-top:60px;
    }
*/
    .footer .margin {
      width:300px;
    }

    .footer .margin .copyright {
      width:300px;
      text-align:center;
    }

    .footer .margin .menu-footer{
      width:320px;
    }

}











/* iPad (portrait) */
@media (min-width: 768px) and (max-width: 1023px) {

    .menu-content .logo{
      width:200px;
    }

    .menu-content{
      width:700px;
    }

    .about-us{
      width:700px;
    }

    .about-us .column-one{
      width:233px;
    }

    .about-us .column-two{
      width:233px;
    }

    .about-us .column-three{
      width:233px;
    }

    .portfolio .portfolio-margin {
      width:600px;
    }

    .partners .content{
      width:700px;
    }

    .partners .logo {
      width:700px;
    }

    .footer .margin .menu-footer {
      width:350px;
    }

    .footer .margin .copyright {
      width:320px;
    }
    .footer .margin {
      width:700px;
    }

/*
    .contact {
      width:700px
    }

    .contact .content {
      width:700px;
    }

    .contact .content .form{
      width:355px;
    }

    input{
      width:320px;
    }

    textarea{
      width:320px;
    }

    .contact .content .contact-text {
      width:275px;
    }
 */   

}