body{
    background-image: linear-gradient(to top, black 80%, transparent 100%);
}
p{
  color:#cc00cc;
  font-size: 0.5em;
}
img{
    display:block;
    margin:auto;
	width:90%;
	height:auto;
    }

@media screen and (max-width: 750px) {
    img {
        width: 90%;
        height: auto;
    }
}

/*
@media screen and (min-width: 0px) {
	body{
	   background-image: linear-gradient(to top, #FF8C00 80%, transparent 100%);	
	}
	img {
		width: 50%;
		height: auto;
	}
}*/

@media screen and (min-width:950px) {
	body{
	   background-image: linear-gradient(to top, black 80%, transparent 100%);	
	}
	img {
		width: 40%;
		height: auto;
	}
}

#myBtn {
	display: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 99;
	font-size: 12px;
	border: none;
	outline: none;
	background-color: red;
	color: white;
	cursor: pointer;
	padding: 15px;
	border-radius: 6px;
	
  }
  
  #myBtn:hover {
	background-color: #555;
  }

.triangulo {
	width: 0; 
	height: 0; 
	border-right: 100px solid red;
	border-top: 50px solid transparent;
	border-bottom: 50px solid transparent; 
}