body{
    margin: 0;
	font-family: 'Montserrat', sans-serif;
}

.mainpage{background: url(/assets/img/xbg.jpg) center center;background-size: auto 100%;width: 100vw;height: 100vh;color: #fff;display: flex;justify-content: center;align-items: center;}
.mainpage .xbox{display:flex;justify-content: center;flex-direction: column;align-items: center;}
.mainpage .xlogo{}
.mainpage .xlogo img{width: 200px;}
.mainpage .xmenu{display:flex;flex-wrap: wrap;justify-content: center;}
.mainpage .xmenu .xmenuitem{margin:8px;width: calc(50% - 16px);display: flex;justify-content: center;flex-direction: column;align-items: center;}
.mainpage .xmenu .xmenuitem img{margin:8px;height: 24px;display: flex;justify-content: center;}

@media only screen and (min-width: 601px) {
	
.mainpage .xlogo img{width: 200px;}
.mainpage .xmenu{display:flex;flex-wrap: wrap;justify-content: center;}
.mainpage .xmenu .xmenuitem{margin:8px;width: 45%;display: flex;justify-content: center;}
}
@media only screen and (min-width: 993px) {
	
.mainpage .xlogo img{width: 200px;}
.mainpage .xmenu{display:flex;flex-wrap: nowrap;justify-content: center;flex-direction: row;align-items: center;margin: 16px 0 16px 0;}
.mainpage .xmenu .xmenuitem{margin:8px;width: 45%;display: flex;justify-content: center;flex-direction: column;}
}




.feeditem img{width:100%;display: block;}
.feeditem {
    margin-bottom: 16px;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    height: unset;
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0 0 10px #00000033;
}
.feed {
	column-width: 320px;
	column-gap: 15px;
    width: 90%;
	max-width: 1100px;
	margin: 50px auto;
}
.feeditem .text{margin: 12px;font-size: 14px;}