@charset "utf-8";
/*Design*luis-alcantara@hotmail.com//Fundador e criador*luis-alcantara\\http://www.kuatreme.com.br/http://www.storshops.com.br*/
/* -- Web Fonts -- */
* {
	margin: 0;
	padding: 10, 10, 0, 30;
	box-sizing: border-box;
}
body{margin: 0;	padding: 0; color: #1E222D; background: #FFF; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 20px;}
h2,h3{color:$morkgra; font-weight:bold; text-align:center; text-transform:uppercase;}

h4 {font-weight:normal; font-size:15px; color:#888; text-align:center; padding:5px 0;}
.header {
	background: #1E222D;
	width: 100%;
	padding: 1rem;
	position: fixed;
	margin: 0;
	top: 25px;
}
.header h1 {color: white; line-height: 1; margin: 0;}
.logo {float: left; padding-top: 5px;}
nav[role="navigation"] {float: right;}
nav[role="navigation"] ul {list-style: none inside; color: #222222;}
nav[role="navigation"] li {display: inline-block; text-align: center; padding: .5rem 1rem; bottom: auto; color: #222222;}
nav[role="navigation"] a {color: #FFFFFF; text-decoration: none;}
.content {margin: 0 auto; padding: 10rem 0; width: 100%; border-bottom: solid #06B0F0;
@include transform(skew(0deg, 10deg)); text-align: center;}

.para {height: 550px; background: url(images/all-2.jpg)no-repeat center center fixed; border-top: 1px solid #333; border-bottom: 1px solid #333; -webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.para2 {height: 550px; background: url(images/all-3.jpg)no-repeat center center fixed; border-top: 1px solid #333; border-bottom: 1px solid #333; -webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.para3 {height: 550px; background: url(images/all-4.jpg)no-repeat center center fixed; border-top: 1px solid #333; border-bottom: 1px solid #333; -webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; background-size: cover;}
 
.content h4,h5 {color:$morkgra; font-weight:bold; text-align:left; text-transform:uppercase;
  margin: 10px;
  
}
.content p {
	margin-bottom: 0rem;
	margin: 50px;
	padding-bottom: 120px;
	border: 30;
}


.columns {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin: 5px 5px;
}

.column {
	flex: 1;
	border: 0px solid gray;
	margin: 20px;
	padding: 10px;
	&:first-child { margin-left: 0; }
	&:last-child { margin-right: 0; }
	
}
@media screen and (max-width: 980px) {
  .columns .column {
		margin-bottom: 5px;
    flex-basis: 40%;
		&:nth-last-child(2) {
			margin-right: 0;
		}
		&:last-child {
			flex-basis: 100%;
			margin: 0;
		}
	}
}

@media screen and (max-width: 680px) {
	.columns .column {
		flex-basis: 100%;
		margin: 0 0 5px 0;
	}
}


/*.title{
      padding-top: 100px;
      font-weight: normal;
    }
    
    .text{
      width:60%;
      margin: 25px auto;      
      color: lighten($main-color, 55);
    }


.skewed-bg{
  background: $main-color;
  padding: 200px 0;
  @include transform(skew(0deg, -10deg));
  margin-top: -200px;  
}
    .title{
      padding-top: 100px;
      font-weight: normal;
    }
    
    .text{
      width:60%;
      margin: 25px auto;      
      color: lighten($main-color, 55);
    }


.footer{
  padding-top:100px;
  .background:06b0f0;
  
  .credits{
    text-align: center;
    color: #333;
    
    .link{
      color: $main-color;
      text-decoration: none;
    }
    
  }
  
}*/