.device.device--macos {
	width: 90%;
	height: 62.5vw;
	background: #111;
	border-radius: 10px;
	max-width: 480px;
    max-height: 320px;
}

.device.device--macos .device__header {background-color: transparent;}
.device.device--macos .device__header:before {display: none;}
.device.device--macos .device__header:after {
	top: -20.5px;
	background: #666;
}

.device.device--macos .device__content {
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	margin: 10px;
}

.device.device--macos .device__footer {
	top: 107.5%;
	width: 110%;
	left: -5%;
	height: 14px;
	margin: auto;
	border-radius: 0 0 15px 15px;
	background-color: #bdbdbd;
}
.device.device--macos .device__footer:after {
	content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	width: auto;
	height: 7px;
	margin-left: 0;
	margin-top: 0;
	background: #999;
	border: none;
	border-radius: 0 0 5px 5px;
}