@media (max-width: 1250px){
	.wrap{
		width: 90%;
		margin: 0px auto;
	}

	#cards{
		height: 280px;
		margin-top: 25px;
	}

	.card{
		width: 16.5%;
		margin: 1.20%;
	}

	.card p{
		display: block;
		width: 90%;
		margin:0px auto;
		text-align: center;
	}

	#footer .wrap > div{
		width: 24%;
	}

	#browsers img{
		width: 13%;

	}	
	#fotofurgo{
		width:90%;
	}

	#menu{
		margin-right: 8px;
	}

	#footer h5{
		font-size: 30px;
	}
	
}

@media(max-width: 1080px){

	.card .category{
		font-size: 17px;
	}

	.card .description{
		font-size: 14px;
	}
	#fotofurgo p{
		font-size: 26px;
	}

	#footer ul{
		font-size: 20px;
	}

#fotohtml img{
		width: 150px;
	}


}

@media (max-width: 970px){

	#menu ul li{
	font-size: 20px;
	display: inline-block;
	margin: 0px 10px 0px 10px;
	letter-spacing: 1px;
	line-height: 80px;
	}
	#cards{
		height: 220px;
	}

	.card{
		height: 200px;
	}

	#fotofurgo p{
		font-size: 20px;
	}

	#fotohtml img{
		width: 120px;
	}
	#footer .wrap > div{
		width: 27%;
		margin:20px;
	}

	#footer h5{
		font-size: 22px;
	}

	#footer ul{
		font-size: 18px;
	}

	#location iframe{
		height: 55%;
	}
	#logo {
		width: 45%;
	}

	.fotos{
		margin-left: 20px;
	}

	.fotos img{
		width: 85%;

	}

	.fotos hr{
		width: 85%;
	}
	.fotos iframe{
		width: 85%;
		height:169px;
	}

	.fotos h3{
		font-size: 23px;
	}

}


@media (max-width: 750px){
	#header{
		height: 147px;
		padding-top: 10px;
	}
	#logo{
		float:none;
		width: 40%;
		text-align: center;
		margin:0px auto;
	}

	#menu{
		clear: both;
		float:none;
		text-align: center;
		margin:0px auto;

	}

	#menu ul li{
		font-size: 26px;
	}

	#banner h1{
		font-size: 23px;
	}

	#banner h3{
		font-size: 16px;
		margin:2px auto;
		line-height: 23px;
	}

	#fotofurgo p{
		font-size: 18px;
	}

	.card .category{
		line-height: 20px;
		height: 46px;
	}

	#login input[type="submit"], #login input[type="button"], #login input[type="reset"], #login button{
		width: 40px;
	}

	aside h3{
		letter-spacing: 2px;
		font-size: 18px;
	}

	.fotos{
		margin-left: 20px;
	}

	.fotos img{
		width: 85%;

	}

	.fotos hr{
		width: 85%;
	}
	.fotos iframe{
		width: 85%;
		height:169px;
	}

	.fotos h3{
		font-size: 23px;
	}
}

@media (max-width: 700px){

	.fotos{
		margin-left: 20px;
	}

	.fotos img{
		width: 85%;

	}

	.fotos hr{
		width: 85%;
	}
	.fotos iframe{
		width: 85%;
		height:169px;
	}

	.fotos h3{
		font-size: 23px;
	}

	#video hr{
		width: 110%;
	}

	#video iframe{
		width:110%;
	}

	#footer{
		height: 1200px;
		width: 100%;
		margin:0px auto;
		margin-top: 20px;
	}

	#footer .wrap > div{
		width: 100%;
		margin: 10px auto;
	}

	#footer h5{
		font-size: 27px;
	}

	#footer ul{
		font-size: 19px;
	}

	#location iframe{
		height: 240px;
	}
	#fotohtml img{
		width: 200px;


}

@media (max-width: 450px){

	#logo{
		width: 75%;
	}

	#menu ul li{
		font-size: 19px;
	}
	#banner h3{

    	font-size: 15px;
    	line-height:18px;
	}

	#cards{
		height: 80px;
	}

	.card{
		height: 85px;
	}
	.card .category {
    	font-size: 10px;
	}

	.card .description {
		display: none;
    	font-size: 11px;
    	margin:1px auto;
	}
	#fotofurgo p{
		line-height: 28px;
	}

	.fotos{
		margin-left: 20px;
	}

	.fotos img{
		width: 85%;

	}

	.fotos hr{
		width: 85%;
	}
	.fotos iframe{
		width: 85%;
		height:169px;
	}

	.fotos h3{
		font-size: 23px;
	}
}

