/*
==========================================================================
	@hippiechaka
==========================================================================
*/

#inner-top{display:none;}

#parallaxScreen{
  background:url('../images/background.jpg')top center no-repeat;
  background-size:contain;
  background-color:#00afc5;
  width:100%;
  height:auto;
  position:relative;
  overflow:hidden;
  min-height:1600px;
}

#parallaxScreen img {
  display: block;
  width: 100%;
}

#arrow-bouncing{
    position: absolute;
    z-index: 9;
    left: calc(50% - 20px);
    /* top: calc(100% - 90px); */
    top: calc(50% - 20px);
    width: 40px;
    height: 40px;
    padding: 0;
    line-height:45px;
    border: 2px solid rgb(255 255 255 / 100%);
    border-radius: 50%;
    background: #a8206b;
    opacity:.84;
}
#arrow-bouncing i.fa.arrow-text-style{
    font-size: 30px;
    color: #fff;
    line-height: 25px;
}



.container {
  position: relative;
  /*max-width: 600px;*/
  margin: 0 auto;
  /*padding: 5%;*/
}



.fill {
  position: absolute;
  bottom: 5%;
  right: 5%;
  left: 5%;
  top: 5%;
}

.expand-width {
  width: 100%;
}

.border {
  border: 2px dashed #00FFAA;
}

.aspect {
  opacity: 0.2;
}

.layer:nth-child(1) {
  opacity: 1;
}
.layer:nth-child(1) button {
  -webkit-transform: rotate(150deg);
}

.layer:nth-child(2) {
  opacity: 1;
}
.layer:nth-child(2) button {
  -webkit-transform: rotate(120deg);
}

.layer:nth-child(3) {
  opacity: 1;
}
.layer:nth-child(3) button {
  -webkit-transform: rotate(90deg);
}

.layer:nth-child(4) {
  opacity: 1;
}
.layer:nth-child(4) button {
  -webkit-transform: rotate(60deg);
}

.layer:nth-child(5) {
  opacity: 1;
}
.layer:nth-child(5) button {
  -webkit-transform: rotate(60deg);
}

.layer:nth-child(6) {
  opacity:1;
}
.layer:nth-child(6) button {
  -webkit-transform: rotate(60deg);
}

#skills{}
#skills .badge{
  width:30%;
}

.remarked{
  color:#e2e264;
}

#frases{
  position:relative;
  /*top:11vh;*/
  display:block;
  z-index:9;
  /*background:rgba(0,0,0,0.33);*/
}

#slide-frases{
  display:block;
  text-align:center !important;
  padding:30px;
}
#slide-frases .item{}
#slide-frases .item .frase{font-size:1.618rem;}

#skills{background:#fff;}
.skills-title{}



/*
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: queries !!
*/

/*XL*/
@media (min-width: 1440px) {
   /*#content h3.upcoming{position:relative;top:-90px;}*/ 

}
/*LG*/
@media (max-width: 1200px) {}
@media (max-width: 1024px) {
/*   .upcoming{top:-30px;} */
}
/*MD*/
@media (max-width: 991px) {
/*   .upcoming{top:-15px;} */
  #parallaxScreen{min-height:120vw;}
  #arrow-bouncing{top: calc(100% - 140px);opacity:.33;}
  footer #footer img.footer-logo{max-width:100%;}
}
/*SM*/
@media (max-width: 767px) {
/*   .upcoming{top:0;} */
}
/*XS*/
@media (max-width: 480px) {
/*   .upcoming{top:10px;} */
}
@media (max-width: 320px) {}