* {
  box-sizing: border-box;
}

/* Mobile Styles */
@media only screen and (max-width: 400px) {
  body {
    background-color: #000000;
	background-attachment: fixed;
	background-size: 100%;
  }
  img.logo_porthos {
	 display: block;
  margin-left: auto;
  margin-right: auto;
  max-width:60%;
  max-height:60%;
}
}

/* Tablet Styles */
@media only screen and (min-width: 401px) and (max-width: 960px) {
  body {
    background-color: #000000; /* Yellow */
  }
}

/* Desktop Styles */
@media only screen and (min-width: 961px) {
  body {
    background-color: #000000; /* Blue */
  }
}

html {
	font: 15px Arial,'Helvetica Neue',Helvetica,sans-serif;
    line-height: normal;
	line-height: 1.333333;
	color: #cbaa47;
}

body {
	background-image: url("textura-fondo.jpg"); 

}

h1, h2, h3, h4 {
	font-weight: 400;
	margin: 15px 0;
	color: #cbaa47;
}

h1, h2, h3 {
    margin: .67em 0;
}

fieldset {
	border-radius: 4px;
	width: 100%;
	font-weight: bold;	
}

button, 
input[type = "text"],
input[type = "date"],
input[type = "time"],
input[type = "email"],
input[type = "tel"],
input[type = "submit"],  
textarea {
	border-radius: 4px;
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
    margin-right: 0px;
    margin-left: 0px;
	width: 100%;
	background-color: #cccccc;
}

input[type = "number"]
{
	border-radius: 4px;
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
    margin-right: 0px;
    margin-left: 0px;
	width: 20%;
	background-color: #cccccc;
	text-align: center;
}

div {
	font-weight: normal;
}

a {
	color:  #cbaa47;
}