@media (max-width: 768px) {
		
		#logo img {
			
			width: 100% !important;
		}
		
		h1 { 
			font-size:1.2em !important;
		}
		
		h2 {
			font-size:0.7em !important;
		}
		
		h3 {
			font-size:0.7em !important;
		}
		
		
		.container-fluid {
			
			width:100% !important;
		}
        
    
		form {
			
			width:100% !important;
		}

	}
	
	@media (min-width: 768px) and (max-width:992px) {
	
		#logo img {
			
			width: 70% !important;
		}
		
		h1 { 
			font-size:1.2em !important;
		}
		
		h2 {
			font-size:0.7em !important;
		}
		
		h3 {
			font-size:0.7em !important;
		}
		
		
		.container-fluid {
			
			width:100% !important;
		}
		
		form {
			
			width:100% !important;
		}
		
		#social .img-fluid {
			
			width:15% !important;
		}
	
	}
	
	
	* {
			margin:0;
			padding:0;
			font-family: 'Roboto', sans-serif;
			font-size:19px;
		}
	

	
	.container-fluid {
		background-color: #f6f5ea;
		width:80%;
	
	}
	
	body {
		background-color: #f6f5ea;
	}
		
	
	a {
			color:#cb0d0d;
			text-decoration:none;
			font-weight:bold;
		}
		
		a:hover {
			
			text-decoration:none;
			color: #cb0d0d;
		}
		
		.button {
			
			 background-color: #6d6e71;
			 border: none;
			 border-radius:15px;
			 color: white;
			 padding: 10px 17px;
			 text-align: center;
			 text-decoration: none;
			 display: inline-block;
			 font-size: 20px;
			 font-weight:normal;
			 margin: 4px 2px;
			 cursor: pointer;
			 
			 
		}
		
		.button:hover {
			
			background-color:#cb0d0d;
			transition: 0.5s;
		}
		
		#logo img {
			
			width: 50%;
		}
		
	
		
	h1 { 
			font-weight:bold;
			font-size:2.5em;
			color: #96656f;
			text-align:center;
		}
		
	h2 {
			
		font-size:12pt;
		display:block;
		font-weight:bold;
		font-variant:small-caps;
		color: #b0998b;
		font-family: 'Roboto', sans-serif;
		}
		
	
	h3 {
		
		text-align:center;
		font-variant:small-caps;
		font-weight:bold;
		font-size:1em;
		color: #96656f;
		padding-bottom: 30px;
	}
	
	h4 {
		font-variant:small-caps;
	}
	
	
	#banner_alto {
	
		padding:0;
	}
		
	#banner_alto img {
			width:100%;
			padding:0;
	}
		
			
		#claim {
		
			background-color:#06d6e7;
			padding:0;
			margin-left:auto;
			margin-right:auto;
		}
		
		
		ul {
			padding-left:20px;
		}
		
		
		form {
			
			
			margin-left:auto;
			margin-right:auto;
			border-radius:15px;
			background-color:#e7e4e5;
			width: 90%;
			padding:5%;
		}
		
		form label {
			
			padding-left: 25px;
		}
		
		
		
		#disclaimerForm {
			
			margin-top:3%;
			margin-bottom:3%;
			font-size:0.6em;
			text-align:center;
		}
		
		#disclaimerForm a {
		
			font-size:1em;
		}
		
		#footer {
		
			background-color:#f0ecd8;					
		}
		
		
		#footer a {
			
			text-decoration:none;
			margin-right:auto;
			
		}
		
		#logo_footer img {
			
			display:block;
			width:40%;
			margin-left:auto;
			margin-right:auto;
		}
		
		#info {
		
			text-align:center;
			font-size: 0.75em;
			line-height:1;
			
		}
		
		#social {
			
			margin-left:auto;
			margin-right:auto;
			text-align:center;
		}
		
		#social .img-fluid {
			
			width:15% !important;
		}