@media screen and (max-width: 760px) {


.container{
	height: 365px;/*v2*/
	width: 365px;/*v2*/

	background: #78241F;
    background-color: #78241F;
	position: relative;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: 0 0 10px gray;
	transition: 3500ms all;
    margin-top: -40px;
}


.container div {
    height: 50%;
    width: 340px;
    width: 160px;
    clip-path: polygon(100% 0%,50% 100%, 0 0);
    -webkit-clip-path: polygon(100% 0%,50% 100%, 0 0);
    overflow: hidden;
    transform: translateX(-50%);
    transform-origin: bottom;
    position: absolute;
    left: 28.1%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-family: monospace;
    font-weight: 1000;
    color: #008276;
    writing-mode: vertical-rl;
}

.container div img.premio{
    width: 80%;
    margin-top: -35px;
}

.container .premio-1,
.container .one{
	background: #A12F2F;
	left: 50%;
}
.container .premio-2,
.container .two{
	background: #F2F2E9;
	transform: rotate(45deg);
}
.container .premio-3,
.container .three{
	background: #A12F2F;
	transform: rotate(90deg);
}
.container .premio-4,
.container .four{
	background: #F2F2E9;
	transform: rotate(135deg);
}
.container .premio-5,
.container .five{
	background: #A12F2F;
	transform: rotate(180deg);
}
.container .premio-6,
.container .six{
	background: #F2F2E9;
	transform: rotate(225deg);
}
.container .premio-7,
.container .seven{
	background: #A12F2F;
	transform: rotate(270deg);
}
.container .premio-8,
.container .eight{
	background: #F2F2E9;
	transform: rotate(315deg);
}



.mid{
    height: 95px;/*v2*/
    width: 95px;/*v2*/

	border-radius: 50%;
	position: absolute;
    margin-top: -40px;
	background: #78241F;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mid img.logotipo{
    width: 98%;/*v2*/

}


#spin, #spin2{
	height: 80px;
	width: 240px;
	background: #A12F2F;
	position: absolute;
	margin-top: 360px; /*v2*/

	font-size: 30px;
	color: #F2F2E9;
	font-weight: 1000;
	letter-spacing: 4px;
	border: 1px solid #F2F2E9;
	cursor: pointer;
	box-shadow: 0 5px 10px gray;
	transition: 0.2s all;
}
#spin:hover{
	box-shadow: none;
}


.stoper{
	height: 35px;
	width: 80px;
	background: #ffffff;
	position: absolute;
	clip-path: polygon(100% 0,50% 100%, 0 0);
    -webkit-clip-path: polygon(100% 0,50% 100%, 0 0);
	margin-top: -630px;/*v2*/

}


}