* {
	margin: 0; 
	padding: 0; 
	box-sizing: border-box;
}

body {
	padding: 10px;
}

.player {
	width: 100%; 
	max-width: 600px; 
	display: flex;
	justify-content: space-between;
}

.efir,
.logo {
	display: inline-block;
}


.efir {
	width: calc(100% - 140px); 
}

.logo img {
	width: 120px;
}

.btn {
	cursor: pointer;
	display: inline-block;
	height: 54px;
    width: 54px;
    padding: 0;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #EB5757;
    box-shadow: 0px 6px 20px -4px rgba(252, 80, 80, 0.7);
    
}

.btn-play {
	background-image: url(../img/Shape.png);
}

.btn-pause {
	background-image: url(../img/pause-bars.png);
}

.text {
    width: calc(100% - 70px);
    vertical-align: middle;
    display: inline-block;
    float: right;
    font-family: sans-serif;
    letter-spacing: .5px;
}

@media screen and (max-width: 360px) {
	.player {
		flex-wrap: wrap;
	}

	.logo {
		width: 100%; 
		margin-bottom: 20px;
		text-align: center;
	}

	.efir {
		width: 100%;
	}
}