* {
    box-sizing: border-box;
}

body{
	
	font-size:16px;
	margin:0 auto;
	font-family: 'Raleway', sans-serif;
	
	
	}
	
.content{

	    background-color: #ffffff;
		width:100%;
	
	
	}
	
.content-inner{
	width:650px;
	
	}
	
.content-inner-tabla{
	width:990px;
	margin:0 auto;
	
	}
	
h3{
    color: #cb0c19;
    font-size: 22px;
    font-weight: bold;
	
	}
	
h4{
	color: #ffffff;
    font-size: 14px;
	
	}
	
h5{
	color: #323232;
    font-size: 14px;
	text-align: center;
    padding: 0px 9px 0px 10px;
	
	}
	


h5 a{

    color: #323232;
    text-decoration: none;
}
h5 a:hover{
color:#cb0c19;
}


#matargumento{

    border: 2px solid #3c3c3c;
    padding: 10px 10px 10px 10px;	
	font-family: 'Raleway', sans-serif;
	}
	
#matargumento::placeholder{
	color: #323232;	
	}
	
#buscador-boton{
	
	padding: 8px 20px 9px 20px;
    background-color: #cb0c19;
    color: #ffffff;
    border: 2px solid #e30817;
    cursor: pointer;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
	
	}
	
#buscador-boton:hover{
	
	background-color: #e30817;
	
	}
	
@media only screen and (max-width: 450px) {
	
	.content{

	    background-color: #ffffff;
		width:100%;
		float:left;
	
	
	}
	
.content-inner{
	width:100%;
	
	}

	
	h3{
		
       font-size: 42px;
    text-align: center;
		
		}
		
	#matargumento{

    border: 2px solid #3c3c3c;
    padding: 10px 10px 10px 10px;	
	font-family: 'Raleway', sans-serif;
	width: 365px;
	}
	
#matargumento::placeholder{
	color: #323232;
	font-size:20px;
	
	}
	
#buscador-boton{
	
	padding: 8px 20px 9px 20px;
    background-color: #cb0c19;
    color: #ffffff;
    border: 2px solid #e30817;
    cursor: pointer;
    font-family: 'Raleway', sans-serif;
    font-size: 28px;
	margin-top:30px;
	margin-left: 33%;
	
	}
	
}

/* Media query */
@media(max-width:768px) {

	#matargumento{
		border: 2px solid #3c3c3c;
		padding: 10px 10px 10px 10px;	
		font-family: 'Raleway', sans-serif;
		width: 350px;		
		}
	
		h3{
			color: #cb0c19;
			font-size: 16px;
			font-weight: bold;			
			}			
		
}