/*============================================================
	Mobile (Portrait) Design for a width of 320px
==============================================================*/

@media only screen and (max-width: 479px) {
	#abre-busca {
		margin-top:20px;
		display:none;
	}
	/*Header*/
	.menu__item a {
		padding: 60px;
		left: 50%;
		transform: translateX(-50%);
		/*width: 40%;*/
	}
	.menu--prospero .menu__link {
		margin: 0;
	}
	/* SLIDE */
	.caption-content h2{
		font-size: 26px;
	}
	/*about*/
	.about-text {
		width: 100%;
		padding: 10px;
		-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
		-moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
	}
	.about-text p,
	.about-text>p>span {
		font-size: 14px;
	}
	.about-img {
		background: none;
		height: 700px;
	}
	.about-item {
		margin-top: 10px;
	}
	/*contact*/
	.contact-details {
		margin-top: 60px;
		padding: 20px;
	}
	.contact-details img {
		margin-left: 0;
		margin-right: 10px;
	}
	/*languages*/
	.languages-item img {
		margin-left: 0;
		position: relative;
		left: 50%;
		transform: translateX(-50%);
	}
	.languages-item:nth-child(1),
	.languages-item:last-child,
	.cover,
	.img-a {
		display: none;
	}
	.img-b {
		display: block;
	}
	/*solutions*/
	.solution-item>svg {
		display: none;
	}
	/*portfolio*/
	.portfolio-item {
		width: 100%;
	}
	.recent-work-mixMenu ul,
	.recent-work-pic ul {
		margin-left: -30px;
	}
	
	
	/*============================================================
	Project
==============================================================*/

	.datasheet{margin-top:30px;}

	.img-prj{
	height:auto;
	}
	
		.social-media-icons li:nth-child(1){
		background-color:#00aced;
	}

	.social-media-icons li:nth-child(2){
		background-color:#d34836;
	}

	.social-media-icons li:nth-child(3){
		background-color:#3b5998;
	}

	.social-media-icons li:nth-child(4){
		background-color:#fb3958;
	}
}