/*
	Cliente: Marcus Sacco
    Projeto: Marcus Sacco Webdesigner
    Autor: Marcus Sacco
    Versão: 1.0
*/

/* MOBILE - Dispositivos com largura de 320px até 479px */

@media (min-width: 320px) and (max-width: 479px) {
	
	/* ELEMENTOS BÁSICOS */
	
	a.ir-topo {
		display: none !important;	
	}
	
	/* PÁGINA INICIAL */
	
	.intro-section h2 {
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -71px 0px 0px -170px;
		font-size: 30px;
		font-weight: 500;
		line-height: 1.8em;
		color: #ffffff;
		text-transform: uppercase;
    }

    .intro-section a.vem-comigo {
		position: absolute;
		bottom: 40px;
		left: 50%;
		margin-left: -50px;
		font-size: 20px;
		font-weight: 400;
		color: #ffffff;
    }
    
    /* MEUS SERVIÇOS */

    .servicos-section {
	    height: auto;
	    padding-top: 70px;
    }
    
    .servicos-section .servicos-icons img {
		position: absolute;
		top: -162px;
		left: 50%;
		display: block;
		margin-left: -64px;
	}
	
	/* MEU PORTFÓLIO */

	.portfolio-section {
	    height: auto;
	    padding: 70px 0px 40px 0px;
	}
	
	/* FALE COMIGO */

	.contato-section {
	    height: auto;
	    padding: 70px 0px 50px 0px;
	}
}	

@media(min-width:768px) {
	.navbar {
        padding: 20px 0px;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -ms-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -o-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 10px 0px;
    }
}