@charset "utf-8";
p.chamadas {
		font-weight: 400;
	    font-size: 20px;
	    text-shadow: 5px 5px 1 #FF0000;
	    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}
	
html {
  scroll-behavior: smooth;
}

span.error {color: #FF0000;
	    font-size: 18px}

input[type=text], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
	font-size: 20px;
}

label {
  padding: 12px 12px 12px 0;
  display: inline-block;
  font-size: 20px;
}

input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: right;
  font-size: 20px;
}

input[type=submit]:hover {
  background-color: #45a049;
}

.container{
	width: 100%;
	height: auto;
	display:block; 
	margin-bottom: 22px;
	padding: 3px;
}

.capsule{
	width: 33.3%;
	display:block;
	float: left;
    margin-top: 6px;
	padding: 0px;
}


.row {
  float: left;
  width: 100%;
  margin-top: 6px;
  padding: 0px;
	
}
.rowbutton {
  float: left;
  width: 100%;
  margin-top: 6px;
  padding: 0px;

}
	

.footer{
	width: 100%;
	background-color:#1B1B1A;
	height: 450px;
	padding: 15px;
	align-content: center;
	margin-top: px;
}



/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) { 
	
.container{
	width: 100%;
	height: auto;
	display:block;
	border: solid 1px #373535;
	margin-bottom: 22px;
	padding: 3px;
}	
#address{
	display: none;
}	

.row2{	
	width: 50%;
	margin-top: 3px;
	border-left: center;
	float: left; 
	border: solid 1px red;
	}
.row{	
	width: 50%;
	margin-top: 3px;
	float: right;
	border: solid 1px blue;
	}
.capsule{
	width: 100%;
	margin-top: 50px;
	
	border: solid 1px black;
	}
	
.rowbutton {
  float: left;
  width: 100%;
  margin-top: 6px;
}
	
input[type=submit] {
  font-size: 20px;
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: right;
  width: 100%;
}
	

.footer{
	width: 100%;
	background-color:#1B1B1A;
	height: 300px;
	padding: 15px;
	align-content: center;
	margin-top: 0px;
		
}
.parte1 {
	padding-top: 0px;	
	float: left;
	width: 100%;
	text-align: center;}

	.parte2 {
	padding-top: 15px;
	float: left;
	width: 100%;
	text-align: center;}

	.parte3 {
	padding-top: 15px;
	float: left;
	width: 100%;
	text-align: center;}
	 

	
}