@font-face {
    font-family: "Gotham";
    src: url('/assets/GothamLight.otf'),
    url('/assets/GothamLight.otf'); /* IE */}

/*body {    background-color:#ececec;    font-family:Gotham,arial, sans-serif;    color: #777;} */

body {
  /*background-color: #f2f2f2;*/
  background-color:#ececec;
  /*font-family:Gotham,arial, sans-serif;*/
  /*color: #777;*/
  margin: 5%;
}

.app__content {
  border-radius: 5px;
  background-color: #f9f9f9;
  margin: 10px;
  padding: 15px;
  position: relative;
  box-shadow: 2px 2px 2px lightgrey;
}

.header{
    background-color: #F9F9F9;
    margin: 10px;
    padding: 15px;
    /*border-style: solid;
    border-width: 1px;*/
    position: relative;
    height: 100px;
    box-shadow: 2px 2px 2px lightgrey;
}

.title{
    text-align: center;
    width: 90%;
	margin-top:10px;
    height: 100px;
    vertical-align: middle;
}

.logo{
    width: 20%;
    height: 100px;
    float: left;
}

.image{
    height:600px;

}

.H2{
    text-align: center;
}

.text{
width:90%
}

.grid{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.mesh{
  border-radius: 5px;
  background-color: #f9f9f9;
  margin: 10px;
  padding: 15px;
  position: relative;
  box-shadow: 2px 2px 2px lightgrey;
}