.card {
    background-color: #f2f2f5;
    border-image: linear-gradient(to right, #e1f3ff 0%, #0084c0 100%);
    border-image-slice: 1;
    background: #eee;
    width: calc(100% - 300px);
    height: 458px;
    padding: 20px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    box-shadow: 0 13px 20px -1px grey;
}

.container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(100vh - 20px);
}

.card .ops {
    display: block;
    width: 100%;
    text-align: center;
    color: #6f7173;
    font-size: 90px;
}

.card .title, .card .message {
    display: block;
    width: 100%;
    text-align: center;
}

.card .title {
    color: #6f7173;
    font-size: 38px;
    padding: 10px 0 13px 0;
}

.card .message {
    color: #d44b4b;
    font-size: 22px;
}

.card .image {
    display: block;
    text-align: center;
    margin: auto;
}

.card .image img {
    height: 100%;
    width: 100%;
}

.card .image {
	width: 380px;
    height: 172px;
    padding: 25px 15px 14px 15px;
}

.card .btns {
    margin: auto;
    text-align: center;
    padding: 10px 0;
}

.card .btn_cerrar {
    background-color: rgb( 251,47,36 );
    color: #fff;
    border: none;
    font-weight: 600;
    font-style: normal;
    display: block;
    text-align: center;
    font-size: 1em;
    margin: 0 auto;
    cursor: pointer;
    height: 40px;
    width: 220px;
    line-height: 40px;
    border-radius: 5px;
}

@media only screen and (max-width:1200px) {
	.card {
	    border-top: 4px solid transparent;
	    border-bottom: 4px solid transparent;
	    box-shadow: 0 22px 30px -7px grey;
	    width: calc(100% - 200px);
	    height: 397px;
	}

	.card .ops {
	    font-size: 80px;
	}

	.card .title {
	    font-size: 30px;
	    padding: 17px 0 18px 0;
	}

	.card .message {
	    font-size: 19px;
	}

	.card .image {
	    width: 271px;
	    height: 131px;
	    padding: 25px 15px 15px 15px;
	}
	
	.card .btns {
	    padding: 10px 0;
	}
}

@media only screen and (max-width:1024px) {
	.card {
	    height: 394px;
	}

	.card .ops {
	    font-size: 63px;
	}

	.card .title {
	    font-size: 27px;
	    padding: 3px 0 17px 0;
	}

	.card .message {
	    font-size: 17px;
	}

	.card .image {
	    width: 268px;
	    height: 130px;
	}
	
	.card .btns {
	    padding: 20px 0;
	}
}

@media only screen and (max-width: 760px) {
	.card {
	    border-top: 2px solid transparent;
	    border-bottom: 2px solid transparent;
	    box-shadow: 0 13px 25px 0px grey;
    	width: calc(100% - 130px);
	    height: 416px;
	}

	.card .ops {
	    font-size: 56px;
	}

	.card .title {
	    font-size: 29px;
	    padding: 7px 0 15px 0;
	}

	.card .message {
	    font-size: 19px;
	}

	.card .image {
	    width: 228px;
	    height: 120px;
	    padding: 15px 15px 15px 15px;
	}
	
	.card .btns {
	    padding: 40px 0;
	}
}

@media only screen and (max-width: 460px) {
	.card {
	    border-top: 1px solid transparent;
	    border-bottom: 1px solid transparent;
	    box-shadow: 0 10px 20px -4px grey;
	    width: calc(100% - 80px);
	    height: 460px;
	}

	.card .ops {
	    font-size: 39px;
	}

	.card .title {
	    font-size: 29px;
	    padding: 10px 0 25px 0;
	}

	.card .message {
	    font-size: 20px;
	}

	.card .image {
	    width: 149px;
	    height: 76px;
	    padding: 20px 15px 20px 15px;
	}
	
	.card .btns {
	    padding: 60px 0;
	}
}