html,
body {
    height: min-content;
    padding: 0px;
    margin: 0px;
}

.FillWidth{
	width: max-content;
}

.blockContent {
    border-radius: 6px;
    padding: 10px;
	/* height: min-content; */
	/* width: min-content; */
	/* position: static; */
	display: inline-block;
	vertical-align: middle;
	width: 50px;
	height:50px;
	/* background-color: green; */
	
}

.iconCatalog {
    /* height: 50px; */
    border-radius: 5px;
    /* padding-bottom: 5px; */
    margin: auto;
    color: #6cacff;
    text-shadow: 0 0 5px #ffffff;
}

.centerDiv {
    margin: 20px auto ;
    width: 60%;
	display: block;
}

.centerDiv {
    margin: auto;
    width: max-content;
    text-align: center;
	content-align: center;
}

.gridview {
    grid-template-columns: 1fr 1fr;
    height: min-content;
    display: grid;
    margin: auto;
    grid-gap: 10px;
    padding: 0px 200px;
}

.wave {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 230px;
	
}

.icon {
    height: 60px;
    border-radius: 10px;
    padding: 10px;
    margin: -20px auto;
    color: #6cacff;
    text-shadow: 0 0 5px #ffffff;
}

.icon:hover {
    cursor: pointer;
    background: rgba(255, 255, 255, 0.8);
}

.gridCell {
    display: grid;
    grid-column: 1fr;
    border-radius: 6px;
    padding: 10px;
	height: min-content;
	content-align: left;
}

.gridMiniCell {
    border-radius: 6px;
    padding: 10px;
	height: min-content;
	width: 100%;
	float: right;
}


/* MED WIDTH */
.gridRow {
    display: grid;
    grid-column: 1/3;
    height: max-content;
    border-radius: 6px;
    padding: 0px;
    cursor: context-menu;
}
.bodyDiv {
    margin: 20px auto ;
    width: 90%;
	display: flex;	
}
#imgDivHeader {
	margin: -200px 0px 0px 0px !important;
	width: 100% !important;
}
.imgLogo {
    max-height: 120px;
    padding-top: 5px;
}
#linkContainer {
	width:100%;
	height:min-content;
	max-height: 500px;
	margin: 20px;
}
#Content {
	margin: auto;
	display: inline-block;
}
.itemList {
		height:min-content; 
		width: 380px;
		margin: 5px;
	}
	
/* maxwidth */
@media (min-width: 1600px) {
    .gridview {
        margin: auto 10%;
    }
	.bodyDiv {
		margin: 20px auto ;
		width: 60%;
		display: flex;	
	}
	#linkContainer {
		width:100%;
		height:min-content;
		max-height: 500px;
		margin: 50px 20px 20px 20px ;
	}
	#Content {
		margin: auto;
		display: flex;
	}
	.itemList {
		height:min-content; 
		width: 260px;
		margin: 5px;
	}
}

/* MIN WIDTH */
@media (max-width: 1000px) {
	#linkContainer {
		width:100%;
		height:min-content;
		max-height: 500px;
		margin: 50px 20px 50px 20px ;
	}
	#imgDivHeader {
		margin: -100px 0px 0px 0px !important;
		width: 100% !important;
	}
    .gridRow {
        display: grid;
        grid-column: 1 / 4;
        height: min-content;
        border-radius: 0px;
        padding: 0px;
		margin: auto 0%;
    }
	.bodyDiv {
		margin: 0px auto ;
		width: 100%;
		display: flex;	
	}
    .gridCell {
        display: grid;
        grid-column: 1 / 4;
        border-radius: 6px;
        padding: 20px;
    }
    .imgLogo {
        max-height: 180px !important;
    }
    .wave {
        height: 300px !important;
    }
	.itemList {
		height:100px; 
		width: 350px;
		margin: 20px;
		padding: 10px;
	}
	.icon {
		height: 100px;
		margin: 0px 30px ;
	}
	.iconCatalog {
		height: 70px;
		margin: 0px -10px ;
	}

}

.imgLink {
    max-height: 30px;
}



#cv1 {
    animation-name: animNeg;
    animation: animNeg 2s 2s infinite alternate;
}

@keyframes animNeg {
    from {
        left: 0px;
    }
    to {
        left: -100px;
    }
}

#cv2 {
    animation-name: animPos;
    animation: animPos 2s 2s infinite alternate;
}

@keyframes animPos {
    from {
        left: -100px;
    }
    to {
        left: 0px;
    }
}

.float {
    display: flex;
    float: left;
}