 html {
 	 font-family: 'Roboto', sans-serif;
 }
  body{
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
	text-align: left;
	font: normal normal normal 14px/22px Roboto;
	letter-spacing: 0px;
	color: #280213;
	opacity: 1;

  }
.logo-default{
	height: 120px
}
  .head-next{
	top: -1px;
	left: 0px;
	width: 100%;
	height: 72px;
	background: #280213 0% 0% no-repeat padding-box;
	opacity: 1;

  }

 .head-next p{
	text-align: center;
	font: normal normal normal 16px/19px Roboto;
	letter-spacing: 6.4px;
	color: #FFFFFF;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	position: relative;
	top: 25px;

  }

  h1{
	text-align: left;
	font: normal normal 300 37px/46px Roboto;
	letter-spacing: 7.4px;
	color: #602983;
	text-transform: uppercase;
	opacity: 1;
  }
  h2{
		text-align: left;
		font: normal normal 300 22px/27px Roboto;
		letter-spacing: 4.4px;
		color: #FFFFFF;
		text-transform: uppercase;
		opacity: 1;
  }
  p.text-base{
	text-align: left;
	font: normal normal normal 14px/22px Roboto;
	letter-spacing: 0px;
	color: #280213;
	opacity: 1;
  }
  p.text-base2{
	text-align: left;
	font: normal normal normal 14px/22px Roboto;
	letter-spacing: 0px;
	color: #FFFFFF;
	opacity: 1;
  }


  .default-bg-left{
  	position: relative;
  	background:url('../img/bg_pequeno.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center; 
	min-height: 280px;
  }
  .bg-green{
  	background-color:  #17BDC8;
  	position: relative;
  	background-image: url('../img/img_smartphone.png');
	background-repeat: no-repeat;
	background-size: 60%;
	background-position: center bottom; 
  }

  .padding-default{
  	padding: 60px;
  }

  .default-image-content{
  	width: 70%
  }
.uk-custom-position-top{
	position: relative;
	top: 10%
}
  .secondary-title:before{
  	content: "";
  	display: block;
    width: 146px;
    height: 150px;
    border: 5px solid #ECECEC;
    opacity: 0.2;
    position: absolute;
    top: -37px;
    left: 20px;
  }


/* Responsive */
@media (min-width: 1600px) {
	.bg-green{	background-size: 65%; }
}
@media (min-width: 960px) and (max-width: 1599px)  {
	.bg-green{	background-size: 50%; }
	.logo-default{
		height:80px;
	}
}


@media (min-width: 640px) AND (max-width: 960px) {

	.padding-default{ padding:100px 100px 0 100px; }
	.secondary-title:before{ left: 60px; top: 10px;}
	.bg-green{ background-size:25%; height: 100vh;}
}

/* Phone portrait and smaller */
@media (max-width: 639px) {

	.bg-green{	height: 100vh;	background-size: 60%; }
	.padding-default{ padding:40px 80px 80px 80px; }
	.secondary-title:before{ left: 30px; top: -40px;}	
	h1{ font: normal normal 300 27px/36px Roboto; }
	div.main-text.padding-default{ 	padding: 30px; }
	.uk-resize-vh-small{ min-height: calc(80vh) !important;  }
	.logo-default{ height: 100px; }
  }

  @media (max-width: 320px) {
	
	h1{ font: normal normal 300 25px/35px Roboto; letter-spacing: 6.4px; }
	.logo-default{ height: 80px; }
	.padding-default{ padding: 35px; }
	.bg-green{ background-size: 60%;}
}