.back{
    background-color: white;
   
}
.overlay{
    background-color: blue;
    z-index: -1;
    position: absolute;
}

/* .short{
    display: inline-block;
    margin-left: 15%;
    margin-top: -10%;
    z-index: 1;
    position: absolute;
    
}
.second{
    display: inline-block;
    margin-left: 15%;
    margin-top: 15%;
    z-index: 1;
    position: static;
} */
.copyright{
    
    position: relative;
    float: inline-end;
    margin-top: 40%;
    text-align: center;
}
.rentals{
    float: left;
    margin-right: 20px;
    margin-top: 0px;
    transition: margin-top 0.5s ease;
    cursor: pointer;
    box-shadow: 2px 10px whitesmoke;
}
.rentals:hover{
    transition: 0.5s ease;
    margin-top: -20px;
}

.border{
    float: left;
    margin-right: 20px;
    margin-top: 0px;
    transition: margin-top 0.5s ease;
    cursor: pointer;
    box-shadow: 2px 10px whitesmoke;
}
.border:hover{
    transition: 0.5s ease;
    margin-top: -20px;
}
.web{
    float: left;
    cursor: pointer;
    box-shadow: 2px 10px whitesmoke;
    margin-top: 0px;
    transition: margin-top 0.5s ease;
}
.web:hover{
    transition: 0.5s ease;
    margin-top: -20px;
}
.name{
    color: white;
    text-align: center;
    margin-left: 0px;
    transition: margin-left 0.5s ease;
    cursor: pointer;
}
.name:hover{
    margin-left: 10px;
    transition: 0.5s ease;
}
.rentals-body{
    background-color: crimson;
}
.border-body{
    background-color: blue;
}
.web-body{
    background-color: forestgreen;
}

.smart{
    float: left;
    margin-right: 20px;
    margin-top: 20px;
    cursor: pointer;
    box-shadow: 2px 10px whitesmoke;
    transition: margin-top 0.5s ease;
}
.smart:hover{
    transition: 0.5s ease;
    margin-top: -10px;
}
.crypto{
    float: left;
    margin-right: 20px;
    margin-top: 20px;
    cursor: pointer;
    box-shadow: 2px 10px whitesmoke;
    transition: margin-top 0.5s ease;
}
.crypto:hover{
    transition: 0.5s ease;
    margin-top: -10px;
}
.visucom{
    float: left;
    margin-top: 20px;
    cursor: pointer;
    box-shadow: 2px 10px whitesmoke;
    transition: margin-top 0.5s ease;
}
.visucom:hover{
    transition: 0.5s ease;
    margin-top: -10px;
}
.rentals-image{
    
    height: 200px;
}
.border-image{
    width:100px;
    height: 200px;
}
.web-image{
    width: 50px;
    height: 200px;
}
.smart-body{
    background-color: darkcyan;
}
.crypto-body{
    background-color: darkgoldenrod;
}
.visucom-body{
    background-color: dodgerblue;
}
.smart-image{
    width:100px;
    height: 200px;
}
.crypto-image{
    width:50px;
    height: 200px;
}
.visucom-image{
    width:100px;
    height: 200px;
}
.facebook{
    display: inline-block;
    color: blue;
    transform: scale(1.8);
    padding-right: 20px;
}
.social{
    display: inline-block;
    padding-right: 42%;
}
.instagram{
    color: tomato;
    display: inline-block;
    transform: scale(1.8);
}