/*============================================================
	Mobile (Landscape) Design for a width of 480px
==============================================================*/

@media only screen and (min-width: 480px) and (max-width: 767px) {
	#abre-busca {
		margin-top:20px;
		display:none;
	}
	/*Header*/
	.menu__item a {
		padding: 60px;
		left: 50%;
		transform: translateX(-50%);
		/*width: 20%;*/
	}
	.menu--prospero .menu__link {
		margin: 0;
	}
	/* home slider */
	.caption-content h2 {
		font-size: 35px;
	}
	.caption-content p {
		font-size: 25px;
	}
	.caption-content strong {
		font-size: 35px;
	}
	/*about*/
	.about-text {
		width: 100%;
		padding: 20px;
		-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-img {
		background: none;
	}
	/* portfolio */
	.portfolio-item {
		width: 80%;
		position: relative;
		left: 50%;
		transform: translateX(-50%);
	}
	.portfolio-item img,
	.portfolio-item:hover img {
		width: 100%;
	}
	.recent-work-mixMenu ul,
	.recent-work-pic ul {
		margin-left: -30px;
	}
	figcaption.mask {
		bottom: -132px;
	}
	/* social */
	.social-button li:nth-child(2) {
		margin: 0 50px;
	}
	.social-button li a {
		height: 90px;
		line-height: 96px;
		width: 90px;
	}
	/*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;
	}
	.solution-item {
		padding: 20px;
	}

		/*============================================================
	Project
==============================================================*/

	.datasheet{margin-top:30px;}

	.img-prj{
	height:auto;
	}
	
	.img-prj img{
		position:relative;
		left:50%;
		transform:translateX(-50%);
	}
	
	.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;
	}
}