@media screen and (max-width: 321px) {
				.icon{     width:70%!important;
					
				}
				.logo{ 
				margin-top: 0%!important;
				 
						}
				h1 {	
				}
				.contact {    margin-top: 10%!important;}
				.alias {
					
					}
				html.no-js body div.background div.row div.twelve.columns div.alias a {
					 
					}
	
}



.dropbtn {
   background: bottom!important;

}
body
{
  background-color: #272727;


  
}
body
{
	/*background-image: url("praia-rocha-val-hala.JPG");
	 background-repeat: no-repeat;*/
  background-color: #000000;
   background: url(../images/aerial-architecture-autumn-681368-50.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}

.background{

	}



/*@font-face {
    font-family: FonteVALhala;
    src: url(http://val-hala.com/FuturaMedium.ttf);
    
}*/

@font-face {
    font-family: FonteBoldVALhala;
    src: url(http://val-hala.com/FuturaMedium.ttf);
    font-weight: bold;
}

.icon > img {
	width:45px!important;}


.iconicon{
		/*width:45px!important;*/
		/*float: inline-start;*/
		/*display: none!important;*/
		}
	.iconsingle{
	width:45px;
		/* display: -webkit-flex!important!important;/* Safari */
    -webkit-align-items: center!important; /* Safari 7.0+ */
    display: flex!important;
    align-items: center!important;*/
	
	
	
	
	
	}
	.icon{
		 display: block;
		margin-left: auto;
		margin-right: auto;
		width: 22%;
		padding: 36px;
	}
	/* Media Queries */
@media screen and (max-width: 750px) {
	.icon{
		 display: block;
		margin-left: auto;
		margin-right: auto; 
		width: 40%;
		padding: 40px;
		
	}
	
}
table {
    background: none !important;
    
    border: 0px solid #ddd!important;
	 display: -webkit-flex!important; /* Safari */
    -webkit-align-items: center!important; /* Safari 7.0+ */
    display: flex!important;
    align-items: center!important;
}
.iconicon > table
{ -webkit-align-content: center!important;
-webkit-flex: 1!important; /* Safari 6.1+ */
   flex: 1!important;
}
 .iconicon{  
    display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */
    display: flex;
    align-items: center;
	}
#footer{
	/*font-family: FonteVALhala;
	font-size: 14px;
    font-style: bold;
    font-variant: normal;
    font-weight: 500;
    line-height: 26.4px;
	color: #FFF;
    text-align: center;
	background-color: white;
	opacity: 0.5;
    filter: alpha(opacity=50);*/
	}
.logo{ 

width:99%;
 -webkit-align-self: center!important; /* Safari 7.0+ */
    align-self: center!important;
	align-self: flex-end!important;
	margin-top: 26%;
	
}	
img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.center-div {
	margin: auto;
	/*width: 233px;*/
	padding: 10px;
	margin-top: 7%;
  
}

.valignbottom {
	valign="bottom";
	
	}

.alias
{
	
	
	font-family: FonteBoldVALhala;
    src: url(http://val-hala.com/FuturaMedium.ttf);
    font-weight: bold;
	text-align: center;
	font-family: FonteBoldVALhala;
    
	
   font-family: FonteBoldVALhala;
   color: #FFF;
    text-align: center;
    /*margin-top: 4px;*/
	/*bottom: 14%;
    position: absolute;
	width: 98%;*/
	margin-top: 7px;
	font-size: 18px;
}



.contact
{
	margin-top: 20%;
	
}

/* unvisited link */
a:link {   
font-family: FonteBoldVALhala;
    src: url(http://val-hala.com/FuturaMedium.ttf);
    font-weight: bold;
	text-align: center;
	font-family: FonteBoldVALhala;
	font-size: 18px;

 
font-family: FonteBoldVALhala;
color: #FFF;
 text-decoration: none;}

/* visited link */
a:visited {   
font-family: FonteBoldVALhala;
    src: url(http://val-hala.com/FuturaMedium.ttf);
    font-weight: bold;
	text-align: center;
	font-family: FonteBoldVALhala;
	font-size: 18px;

 
font-family: FonteBoldVALhala;
color: #FFF;
text-decoration: none;
}

/* mouse over link */
a:hover {   

font-family: FonteBoldVALhala;
    src: url(http://val-hala.com/FuturaMedium.ttf);
    font-weight: bold;
	text-align: center;
	font-family: FonteBoldVALhala;
	font-size: 18px;

font-family: FonteBoldVALhala;
 color: #999;
 text-decoration: none;
 }

/* selected link */
a:active {    
font-family: FonteBoldVALhala;
    src: url(http://val-hala.com/FuturaMedium.ttf);
    font-weight: bold;
	text-align: center;
	font-family: FonteBoldVALhala;
	font-size: 18px;



font-family: FonteBoldVALhala;
color: #FFF;
text-decoration: none;
 }