body {

      font-family: 'Montserrat', sans-serif;
      font-weight: 300;
      font-size: 14px;
	  text-align: center;
	  margin: auto;
}

/* used in services*/
pre {font-size: 13pt;}    /* font-size: 160%; */

/*
@media screen and (min-width:1200px) {

      .wrapper {
            display: flex;
      }


      .wrapper .left,
      .wrapper .right {
            width: 50%;
            height: 100vh;
      }

}
*/

/* Sliders are used on runway and services*/
.slider {
  width: 600px;
  height: 400px;
  margin: auto;
  overflow: hidden;
  transform: translateY(1%);
}
.slider_fac {
  width: 600px;
  height: 400px;        /* This moves arrows */
  margin: auto;          /* This moves whole pic left/right */
  overflow: hidden;
  transform: translateY(1%); /* transform moves pic up or down */
}

.slide {
  position: absolute;
  top: 1;
  transform: translateY(-1%);
}

.slide_fac {
  position: absolute;
  top: 1%;
  /*height: 100%;     350px;              /* This make PIC larger */
  transform: translateY(15%);
}


.prev,
.next {
  cursor: pointer;
  background-color: #333;
  color: #fff;
  padding: 5px 10px;
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  text-decoration: none;
}

.prev {
  left: 0;
}

.next {
  right: 0;
}
@media screen and (max-width: 600px){
	.slider {
  width: 300px;
	height: 200px;
	 margin: left;  }
	.slider_fac {
  width: 300px;
	height: 200px; 
	 margin: left;  }
}
/* used on commissioning page */
th, td {
  padding-top: 10px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 40px;
  border: 1px solid;
}
@media screen and (max-width: 600px){
th, td { 
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 60%;
}
}

@media screen and (max-width: 600px){
 /*body {background: blue;} */

h1 {font-size: 80%;}
h2 {font-size: 70%;}
h3 {font-size: 60%;}
p {font-size: 60%;}

/* Used in services */
pre {font-size: 60%;}	
	
}