* {
	margin: 0;
	padding: 0;
    font-family: 'Wix Made For Display';
	box-sizing: border-box;
	font-size: 21px;
}

html,
body {
	height: 100%;
}

body {
    background: #232323;
    background-image: url(/assets/images/bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    background-attachment: fixed;
}

p {
    margin-bottom: 10px;
}

p:last-child {
    margin-bottom: 0 !important;
}


.content {
    width: 670px;
    padding: 38px 25px;
    margin: auto;
    max-width: 100%;
    position: relative;
    background: rgb(34 34 34 / 90%);
    border-radius: 5px;
    border: 1px solid #2e2e2e;
}


.logo {
	margin-bottom: 27px;
}


.feed {
    margin-bottom: 27px;
}


@media (max-width: 768px) {
    * {
        font-size: 20px;
    }
    
    
    .content {
        padding: 30px 25px;
    } 

    
    .feed__title {
        font-size: 17px;
    }
}

	
@media (max-width: 550px) {
    .content {
        padding: 30px 15px;
    }
}
    
    
@media (max-width: 375px) {
    .content {
        padding: 30px 14px;
    }
}