@media screen and (max-width: 980px) {
  .hiddenxs{
  	visibility: hidden;
  	display: none;
  }
/*  .text-center {
    text-align: left;
}*/
.col-sm-4 {
    width: 50%;
}

  .coverIntro{
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0%;
			left: 0%;
			background-color: #f4f0f1;
            text-align: center;
   }
   .logo {
    width: 100%;
    left: 0;
}
.legendIntro {
    position: relative;
    left: 0;
    color: #333338;
    transform: rotate(0deg) translateY(0%);
    top: 0px;
}
   .view {
		    width: 100%;
		    margin-right: auto;
		    margin-left: auto;
		        max-width: 500px;
   }
	.bg01 {
		    position: absolute;
		    width: calc(100% - 20px);
		    height: 40%;
		    top: 30px;
		    left: 10px;
		    background-color: #f4f0f1;
		    z-index: -1;
	}
	section {
		    position: relative;
		    padding: 10% 30px;
   }

{

