.btn-black {
  background-color: #000000;
  border-color: #000000;
  color: #FFFFFF;
}
.btn-black:hover,
.btn-black:active,
.btn-black.hover {
  background-color: #000000;
  color: #FFFFFF;
  border-color: #000000;
}


.contenedorimg{	
    position: relative;
    display: inline-block;
    text-align: center;
}

.contenedorimg2{	
    position: relative;
    display: inline-block;
    text-align: center;
}
 
/*.texto-encima{
    position: absolute;
    top: 10px;
    left: 10px;
}*/


 @media screen and (max-width:640px) {
 	.certificado{
 		width: 100%;
 	}
    .alumno{
	    position: absolute;
	    top: 51%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    font-size: 50%;
	}
	.carrera{
	    position: absolute;
	    top: 60%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    font-size: 80%;
	}
	.certificado2{
 		width: 100%;
 		border: #EAEAEA 1px solid;
 	}
	 .alumno2{
	    position: absolute;
	    top: 24%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    font-size: 80%;
	}
	.carrera2{
	    position: absolute;
	    top: 33%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    font-size: 80%;
	}

 }
 
 @media screen and (max-width:1024px) and (min-width:640px) {
 	.certificado{
 		width: 100%;
 	}
    .alumno{
	    position: absolute;
	    top: 51%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    font-size: 100%;
	}
	.carrera{
	    position: absolute;
	    top: 60%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    font-size: 120%;
	}
	.certificado2{
 		width: 100%;
 		border: #EAEAEA 1px solid;
 	}
	 .alumno2{
	    position: absolute;
	    top: 24%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    font-size: 120%;
	}
	.carrera2{
	    position: absolute;
	    top: 33%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    font-size: 120%;
	}
 }
 
 @media screen and (min-width:1024px) {
 	.certificado{
 		width: 80%;
 	}
     .alumno{
	    position: absolute;
	    top: 51%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    font-size: 180%;
	}
	.carrera{
	    position: absolute;
	    top: 61%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    font-size: 220%;
	}
	.certificado2{
 		width: 80%;
 		border: #EAEAEA 1px solid;
 	}
	 .alumno2{
	    position: absolute;
	    top: 24%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    font-size: 220%;
	}
	.carrera2{
	    position: absolute;
	    top: 33%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    font-size: 220%;
	}
 }