.documents-section {
    display: flex;
    flex-wrap: wrap;
    padding-top: 3vh;
    gap: 1vw;
}
.single-document {
	min-height: 10vw;
    display: flex;
    align-items: center;
    flex: 1 0 49%;
    max-width: 100%;
    position: relative;
    /*background-color: #fccdc3;*/
    border: 1px solid #d9d9d9;
    z-index: 1;
    transition-duration: 0.4s;
    transition: all 350ms;
    border-radius: 0.3vw;
    padding: 1vw 0;

    /* "to left" / "to right" - affects initial color */
    background: linear-gradient(to left, #ffffff 50%, #f6785c 50%) right;
    background-size: 200%;
    transition: .7s ease-out;
}
.single-document:hover {

    transform: scale(1.04);
    background-position: left;
}
.single-document-link{
    display: flex;
    text-decoration: none;
    padding: 2vh 1vh;
    padding: 3vh;
    -webkit-transition: color 350ms;
    -moz-transition: color 350ms;
    -ms-transition: color 350ms;
    -o-transition: color 350ms;
    transition: color 350ms;
    color: #333;
    width: 100%;
    height: 100%;
    align-content: center;
    align-items: center;
}
.single-document:hover .single-document-link {
    color: #333;

}

.single-document-name {
	font-size: 1vw;
	font-weight: 600;
    line-height: 1.2vw;
    width: 70%
}
.doc a {
    font-weight: 600;
}
.doc a:hover {
    color: #f6785c;
}
.single-document a:hover {
    color: #fff;
}
.text-pdf a {
    position: absolute;
    bottom: 1vw;
    right: 0;
    font-size: 1.2vw;
    font-weight: 600;
    line-height: 3vh;
    color: #43455D;
    text-transform: uppercase;
    opacity: 0.4;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -ms-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;	
    -webkit-transition: color 350ms;
    -moz-transition: color 350ms;
    -ms-transition: color 350ms;
    -o-transition: color 350ms;
    transition: color 350ms;
    z-index: 100;
    /*padding: 0 20px 10px 20px;*/
    padding-right: 2vh;
}
.single-document:hover .text-pdf a {
    opacity: 1;
}
.doc {
    padding: 5vh 0 0 0;
}
.icon-doc img {
    position: absolute;
    top: 1vw;
    right: 0;
    padding-right: 2vh;
    width: 5vw;
}
@media (max-width: 768px){
.licenses-content {
	padding: 0;
}	
.licenses-content .ubtn{
    display: flex;
}
.single-document {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
}


@media screen and (orientation: portrait){
    .documents-section {
        padding-top: 0;
        margin: 0;
        gap: 1em;
    }
    .icon-doc img {
        width: 15vw;
        top: 2vw;
    }
    .single-document {
        flex: 1 1 100%;
        min-height: 25vw;
        border-radius: 1.3vw;
    }
    .single-document-link {
        display: block;
        padding: 5vw;
        align-content: start;
    }
    .single-document-name {
        padding-bottom: 3vw;
        font-size: 4.5vw;
        font-weight: 600;
        line-height: normal;
    }
    .text-pdf a {
        position: absolute;
        bottom: 2vw;
        right: 0;
        font-size: 4.5vw;
        font-weight: 600;
        line-height: normal;
        color: black;
    }
    .single-document:hover {
        transform: scale(1);
    }
}