body{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,2989d8+35,1e5799+100 */
background: rgb(125,185,232); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(125,185,232,1) 0%, rgba(41,137,216,1) 35%, rgba(30,87,153,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(125,185,232,1) 0%,rgba(41,137,216,1) 35%,rgba(30,87,153,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(125,185,232,1) 0%,rgba(41,137,216,1) 35%,rgba(30,87,153,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

a,
a:active,
a:visited {
    color: white;
}

i.fa.fa-download {
    float: right;
    position: relative;
    top: -34px;
    left: -5px;
}

.adatlap_container {
    /*float: left;*/
    background: rgba(255,255,255,0.3);
    border-radius: 10px;
    width: 100%;
    max-width: 300px;
    padding-bottom: 10px;
    margin: 15px;
}

.adatlap_container p {
    color: white;
    padding: 5px 0px 0px 5px;
}

.adatlap_container ul{
    padding-left: 20px;
}


.adatlap_container img {
width: 300px;
height: 240px;
border-radius: 10px 10px 0px 0px;
object-fit: cover;
}

div.bg{
	width: 1280px;	
	border-radius: 10px;
	background: rgba(255,255,255,0.3);
	padding: 4rem;
	min-width: 500px;
	min-height: 100%;
	margin: auto;
	color: #fff;
	font-family: 'Lato';
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr;
        gap: 10px;  
        align-items: center;             
}

.sor {
	display: block;
}