body {
    overflow: scroll;
}

.box {
    width: 280px;
    height: 150px;
}

.role, .role-2 {
    height: 10px;
    top: 0;
    left: 1rem;
}

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

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

.box-2 {
    width: 240px;
    height: 150px;
}


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

.container {
    width: 260px;
    margin-top: -8rem;
    left: 1rem;
    font-size: 0.9rem;
}

.vertical {
    display: none;
}

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

.contact {
    position: relative;
    left: 0;
    top: 0;
    font-size: 1.5rem;
}
  
.contact img {
    margin-top: -5rem;
}
  
.logo {
    zoom: 0.3;
}
  
.licence {
    font-size: .9rem;
    position: relative;
    top: -5.5rem;
    left: 13rem;
    font-weight: bold;
    font-size: .8rem;
}