section{
  padding: 110px 3em;
}

section.whatwedo {
    padding: 110px 3em 3em;
}

section.descriptor {
    padding: 0 3em 110px;
}
section .content{
  background:none !important;
  padding: 0 !important;
}
section.service .content {
    padding: 7em 25em 7em 0;
}

.infobox{
  display: block;
  border-bottom: 1px solid #3369d1;
  padding: 1em 0 .5em 0;
}
.infobox,.infobox > * {
  transition: all 500ms 500ms ease-out;
}
.infobox p{
  max-height: 0px;
  padding: 0;
  overflow: hidden;
  display: block;
}
.infobox h2 {
  cursor:pointer;
}
.infobox.show p {
  max-height: 700px;
}
.infobox h2:after{
  position:absolute;
  top:0;
  right:0;
  display:block;
  content:">";
}
.infobox.show h2:after{
  transition: all 50ms ease-out;
  transform: rotate(90deg);
}
/***********************************************************************************************/
.top {

}

/***********************************************************************************************/
section.whatwedo .content {padding: 5em 0 5em 25em;}
/***********************************************************************************************/
section.service .content {

}
/***********************************************************************************************/
section.products .box  {
}

/***********************************************************************************************/
section.service, section.form {

}

/***********************************************************************************************/
footer {

}

/***********************************************************************************************/
.overlay{

}

/***********************************************************************************************/
/* - max 1024px -*/
/***********************************************************************************************/
@media screen and (max-width: 1024px) {
  section{
    padding: 109px 2em;
  }
}
/***********************************************************************************************/
/* - max 768px -*/
/***********************************************************************************************/
@media screen and (max-width: 768px) {
  body{
  }

  /****************************************************************************/
  .topbar{
  }

  /****************************************************************************/
  section.whatwedo .content {padding: 0;}
  /****************************************************************************/
  section.service .content {padding: 0;}
  /****************************************************************************/
  section.products {

  }

  /****************************************************************************/
  section.form .content {

  }

  /****************************************************************************/
  footer{

  }

}

/***********************************************************************************************/
/* - max 430px -*/
/***********************************************************************************************/
@media screen and (max-width: 430px) {
  body{

  }

}
/***********************************************************************************************/
/* - max 375px -*/
/***********************************************************************************************/
@media screen and (max-width: 430px) {
  nav div{

  }
}
/***********************************************************************************************/
/* - max height 500px -*/
/***********************************************************************************************/
@media screen and (max-height: 500px) and (orientation: landscape) {
  .top {

    }

}