body{
	    		margin: 0;
	    		padding: 0;
	    		width: 100%;
	    		height: 100%;    		
	    		background: url(img/SIU-Fondo.jpg) no-repeat ;
	    		-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
	    	}
	    	hr{
	    		background-color: #E5E3D4; 
	    		height: 1px; 
	    		border: 0; 
	    		width: 50%;
	    	}

	    	.logo{
	    		float:left; 
	    		margin: 1em 20px; 
	    		width: 150px;
	    	}

	    	.content{
	    		width: 100%;
	    		height: 100%;
	    		min-width: 320px;
	    		min-height: 500px;
	    		margin: 0 auto;
	    		display:flex;
				justify-content: center;
				align-items: center;
	    	}

	    	.card{
	    		width: 70%; 
	    		height: 600px;
	    		/*border: 1px solid red; */
	    		background: url(img/SIU-Cuadro.png) no-repeat;
	    		background-position: center;
	    		background-size: 100% auto; 
	    		display:flex;
				justify-content: center;
				align-items: center;
	    	}
	    	.w-50{
	    		width:50%;
	    		float:left;
	    	}
	    	.card-body{
	    		
	    		text-align: center; 
	    		font-family: 'Noto Sans HK', sans-serif;
	    		/*border: 1px solid red;*/
	    	}

	    	.card-body h1{
	    		color:#18296B; 
	    		font-size: 14px; 
	    		font-weight: 400 !important;
	    	}

	    	.card-body p{
	    		color: #18296B; font-weight: 200 !important;font-size: 12px;
	    	}
	    	.btn-canvas{
	    		width:10em;
	    	}


			@media only screen and (max-width: 848px) {
				hr{
	    			display: none;
	    		}
				.card-margin{
					display: none;
				}
				.card{
	    			width: 90%; 
	    			height: 500px;
				}
				.card-body{
					width: 80%;
				}
				.card-body h1{
	    			font-size: 12px;
	    		}
	    		.card-body p{
	    			font-size: 8px;
	    		}
	    		.btn-canvas{
		    		width:6em;
		    	}
			}