body {
    overflow: scroll;
}

.box {
    width: 680px;
    height: 300px;
}

.role, .role-2 {
    height: 40px;
    top: 0;
    left: 3rem;
}

.block-1, .block-2 {
    height: 100px;
}

.par, .par-2 {
    font-size: 5rem;
}

.box-2 {
    width: 600px;
    height: 200px;
}


.role-2 {
    top: -9rem;
}

.container {
    width: 600px;
    margin-top: -8rem;
    left: 3rem;
    font-size: 1.8rem;
}

.vertical {
    display: none;
}

.images {
    position: relative;
    top: 0;
    left: 3rem;
    margin-top: 5rem;
}
  
.card {
    display: inline-block;
    margin: 1rem 5rem;
    zoom: .2;
}
.z {
    zoom: 0.33;
    margin-left: 2rem;
}
  
img {
    max-width: 100%;
    max-height: 100%;
    display: block;
}

.contact {
    position: relative;
    left: 3rem;
    top: 0;
    font-size: 2.5rem;
}
  
.contact img {
    margin-top: -5rem;
}
  
.logo {
    zoom: 0.6;
}
  
.licence {
    font-size: 1.3rem;
    position: relative;
    top: -7.5rem;
    left: 26rem;
    margin-top: -2rem;
    font-weight: bold;
    font-size: 1.5rem;
}