@media (min-width:768px) {
	.navbar-default {
		background-color: #FFF;
		padding-top: 10px;
    	-webkit-transition:padding .3s;
		-moz-transition:padding .3s;
		transition:padding .3s;
		border:0;
		min-height: 95px;
		z-index: 9999;
	}
	.navbar-default .navbar-brand {
		font-size: 2em;
		-webkit-transition:all .3s;
		-moz-transition:all .3s;
		transition:all .3s;
        padding: 0px;
	}
	.navbar-default .navbar-nav>.active>a {
		border-radius: 3px;
	}
	.navbar-default.navbar-shrink {
		background-color: #222;
		padding: 10px 0;
	}
    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 4px;
    }
}

@media only screen
and (min-width : 320px)
and (max-width : 480px) {
#back-top {
    position: fixed;
    bottom: 10px;
    right: 30px;
}
#back-top a {
    width: 20px;
    height: 20px;
}
#back-top i {
    margin-top: 7px;
    font-size: 15px;
}
.navbar-toggle { 
  float:left;
}

}

@media (min-width: 768px) {
	section {
	    padding: 0;
	}
}


@media (max-width: 768px) {
	.navbar-default .nav {
		background-color: #FFF;
		padding-top: 10px;
    	-webkit-transition:padding .3s;
		-moz-transition:padding .3s;
		transition:padding .3s;
		border:0;
		min-height: 95px;
	}
	footer .formaweb {
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		float:left;
	}

	footer .andrestudio {
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		float:none;
	}
	.navbar-brand img {
		max-height: 30px;
		float:left;
		margin-left: -10px;
		padding: 0px;
	}
	.navbar-brand .logotipo {
		margin-top: -5px;
		padding: 0;
	}
	#topos #topo{
		max-height: 170px;
	}
	#about {
		margin-top: -100px;
	}
}