/* 

gelo

*/





/* iPad (portrait) */

@media (min-width: 320px) and (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;

}



h4 {

  font-size:15px;

}



.about-us h4 {

  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:150px;

}



.contact, .contact .content, .contact .content .form{

  width:300px;

}



.contact .content .contact-text{

  padding-left:0px;

  width:300px;

  text-align:center;

  margin-top:60px;

}



.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;

}



h4 {

  font-size:20px;

}



.about-us h4 {

  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:150px;

}



.contact, .contact .content, .contact .content .form{

  width:300px;

}



.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;

}



}