html {
    height:100%; width:100%;
}

body {
    margin:0; padding:0; height:100%; width:100%;
}

.main {
    background-image:url('water.jpg'); 
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height:100%; 
    width:100%; 
    margin: 0 auto 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo {
    width: 100%;
    text-align: center;
}

.layers {
    width: 100%;
    text-align: center;
    margin: 5% auto;
}

.layers img {
    width: 120px;
}

.content {
    min-width: 800px;
    width: calc(100% - 800px);
    max-width: calc(100% - 800px);
    height: 100%px;
    resize: horizontal;
    overflow: auto;
    margin: 50px;
    /* background: rgb(255, 255, 255, 0.5); */
    /* box-shadow: 0 30px 40px -30px rgba(0,0,0,0.4); */
    padding: 50px;
  }

.description {
    margin: 5% auto;
    width: 100%;
    text-align: center;
}

.description img {
    height: 50px;
}

.award {
    width: 100%;
    text-align: center;
}

.award img {
    width: 250px;
}