#header {
width:auto;
height:75px;
margin:auto;
}



/*--T A B L E T--*/

@media screen and (max-width:768px) {



/*-- P R O J E C T O S  H A B I T A Ç Ã O --*/


#projs, #proj img{
width: 100%;
height: 100%;
}


#projs{
margin:auto;
max-width: 100%;
}

#proj{
height:428px;
position:relative;
padding-top:0px;
width: 768px;

}

#proj .img{
box-shadow: 2px 2px 5px #000000;
max-width: 100%;
height: auto;
}

#proj .titulo1{
position:absolute;
top:305px;
left:30px;
font-family: 'Open Sans', sans-serif; font-weight: 400;
font-size:16px;
color:#999999;
}


#proj .titulo2{
position:absolute;
top:255px;
left:30px;
font-family: 'Lato', sans-serif; font-weight: 100;
font-size:46px;
color:#FFFFFF;
width:600px;
}

#proj .bt{
position:absolute;
top:260px;
left:575px;
}

#proj .bt {
transition: opacity 0.2s linear;
}

#proj .bt:hover {
opacity: 0.5;
}

#ancora{
padding-top:10px;
width:40px;
margin:auto;
}


}



/*-- P O R T F O L I O  M E N U --*/

#portfolio-menu {
background-color:#333333;
height: 120px;
text-align:center;
margin-bottom:81px;
box-shadow: 2px 2px 5px #000000;
}


#portfolio-bts ul li {
display:inline;
padding:40px;

}

#portfolio-bts a{
font-family: 'Open Sans', sans-serif; font-weight: 300;
font-size:16px;
color:#717171;
text-decoration:none;
line-height:40px;
}

#portfolio-bts{
padding-top:40px;
}


/*------------------------------------*/

#link p{
font-size:18px;
font-family: 'Open Sans', sans-serif; font-weight: 300;
text-align:center;
color:#CCCCCC;
}


#link {
margin-top:90px;
margin-bottom:10px;
height: 200px;
background-color:#333333;
text-align: center;
box-shadow: 2px 2px 5px #000000;
}

#link .linkimg {
    display: inline-block;
}

#link .imglink {
transition: opacity 0.2s linear;
}

#link .imglink:hover {
opacity: 0.5;
}

#link .imglink{
width:153px;
height:49px;
margin:auto;
}


/*------*/

#footer {
width:auto;
margin:auto;
}


/*--T E L E M O V E L--*/

@media screen and (max-width: 500px) {


/*-- P O R T F O L I O  M E N U --*/


#portfolio-bts ul li {
display:inline;
padding:10px;

}


/*-- P R O J E C T O S  H A B I T A Ç Ã O --*/


#projs, #proj img{
width: 100%;
height: 100%;
}


#projs{
margin:auto;
max-width: 100%;
}

#proj{
height:320px;
position:relative;
padding-top:0px;
width: 100%;

}

#proj .img{
box-shadow: 2px 2px 5px #000000;
max-width: 100%;
height: auto;
}

#proj .titulo1{
position:absolute;
top:255px;
left:30px;
font-family: 'Open Sans', sans-serif; font-weight: 400;
font-size:16px;
color:#999999;
}


#proj .titulo2{
position:absolute;
top:205px;
left:30px;
font-family: 'Lato', sans-serif; font-weight: 100;
font-size:40px;
color:#FFFFFF;
width:350px;
}

#proj .bt{
position:absolute;
top:60px;
left:115px;
}

#proj .bt {
transition: opacity 0.2s linear;
}

#proj .bt:hover {
opacity: 0.5;
}

#ancora{
padding-top:10px;
width:40px;
margin:auto;
}


/*---H E A D E R---*/

#header{
height:120px;
}

#header .logo {
float:none;
text-align:center;
}

.lista{
margin: 0 auto;
display:table;
}

ul#bts {
	min-width: 276px;
	list-style: none;
}

ul#bts li{
display:inline;

}


}

@media screen and (max-width: 542px) {

/*--- F O O T E R ---*/

#footer{
height:80px;
}

#footer p {
float:none;
text-align:center;
}

.icons{
display: table;
margin: 0 auto;
}

ul#direitos-ul{
display: table;
margin: 0 auto;
}

ul#direitos-ul {
	min-width: 188px;
	list-style: none;
}


ul#social {
	min-width: 188px;
	list-style: none;
}

ul#direitos-ul li{
display:inline;
}

ul#social li{
display:inline;
}


#footer ul#social li{
margin-top:7px;
padding:10px;
padding-bottom:20px;
}

}


/*--T E L E M O V E L--*/

@media screen and (max-width: 320px) {



/*-- P O R T F O L I O  M E N U --*/


#portfolio-bts ul li {
display:inline;
padding:10px;

}

#portfolio-bts a{
font-family: 'Open Sans', sans-serif; font-weight: 300;
font-size:12px;
color:#717171;
text-decoration:none;
line-height:40px;

/*-- P R O J E C T O S  H A B I T A Ç Ã O --*/


#projs, #proj img{
width: 100%;
height: 100%;
}


#projs{
margin:auto;
max-width: 100%;
}

#proj{
height:270px;
position:relative;
padding-top:0px;
width: 100%;

}

#proj .img{
box-shadow: 2px 2px 5px #000000;
max-width: 100%;
height: auto;
}

#proj .titulo1{
position:absolute;
top:205px;
left:30px;
font-family: 'Open Sans', sans-serif; font-weight: 400;
font-size:16px;
color:#999999;
}


#proj .titulo2{
position:absolute;
top:165px;
left:30px;
font-family: 'Lato', sans-serif; font-weight: 100;
font-size:30px;
color:#FFFFFF;
width:300px;
}

#proj .bt{
position:absolute;
top:45px;
left:85px;
}

#proj .bt {
transition: opacity 0.2s linear;
}

#proj .bt:hover {
opacity: 0.5;
}

#ancora{
padding-top:10px;
width:40px;
margin:auto;
}


#portfolio-bts a{
font-size:12px;

}


#link {
height: 230px;
}

}