/* for higher resolutions (android and retina) */
@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (max--moz-device-pixel-ratio: 1.5) {
  
}


/*****MOBILE
************************************************************/
@media (max-width: 690px) {
  
  
  
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {

	min-height: 1px;
    padding-left: 0px;
    padding-right: 0px;
    position: relative;

}  
  
  
  
  
  /** HEADINGS ***/
  
#wrap_body h2 {
    font-size: 18px !important;

}
  
  
.underlinetext span {
    padding-bottom: 4px !important;
    line-height: 180% !important;
}
  
  
  
  
  /**** FOOTER ****/
#bottom .footerwrapper {
    justify-content: space-evenly;
    font-size: 11px;
    padding-left: 30px !important;
    padding-right: 30px !important;
    text-align: center;
}
#bottom .footerblock {
    margin-top: 10px !important;
    margin-bottom: 10px;
}
  
  
  
  
  
  /*** partners & friends ***/
  #partnersandfriends h4 {
    margin-bottom: 20px !important;
}
  #partnersandfriends .bottomlogos img {
    max-width: 60px !important;
    max-height: 40px;
    margin-right: 15px;
    margin-bottom: 30px;
    margin-left: 15px;
}
  
  
  
  
  
  
  
  /** NEWS SLIDER ***/
  #newsslider {
    padding: 0 !important;
}
  .newswrapper {
    text-align: center;
    padding: 15px 0 !important;
}
  
  
  /** INSTA MODULE ***/
  #instaNAM {
    padding: 10vh 0 !important;
}
  
  
  
  /*** featured artists ***/
  #featuredArtist .bgimage {
    height: 50vh;
    background-position: bottom center !important;
}
  
  
  
  /***** VISIT EUA ************/
  
  #visitaEUA {
    padding: 0 !important;
}
  
  #visitaEUA .contentwrapper {
    padding: 7vh 5vw 10vh !important;
}
  
  
  /***FOR CUBE********/
  
.cubewrapper {
    position: relative;

}
.cubecontainer {
	Margin:auto;
	width: 250px;
	height: 250px;
	position: relative;
	perspective: 1000px;
}

#cube {
	width: 100%;
	height: 100%;
	position: absolute;
	transform-style: preserve-3d;
 transform: translateZ(-125px) rotateX(-20deg) rotateY(40deg);
}

#cube figure {
    margin: 0;
    width: 250px;
    height: 250px;
    display: block;
    position: absolute;
    border: 1px solid 
    white;
    opacity: 1;
}

#cube .front {
	transform: rotateY( 0deg) translateZ(125px);
}

#cube .back {
	transform: rotateX( 180deg) translateZ(125px);
}

#cube .right {
	transform: rotateY( 90deg) translateZ(125px);
}

#cube .left {
	transform: rotateY( -90deg) translateZ(125px);
}

#cube .top {
	transform: rotateX( 90deg) translateZ(125px);
}

#cube .bottom {
	transform: rotateX( -90deg) translateZ(125px);
}

#cube {
  /* transform: translateZ( -250px);*/
}
  
  .cubewrapper .smalltext {
    display: none;
}
  .cubemodule .contentblock {
    margin-top: 80px;
}
  
  
  
  
  
  
  
  
  
  
  
  /*** PADDING ***/
  .bottomextrapadding {
    padding-bottom: 10vh !important;
}
  .topextrapadding {
    padding-top: 10vh !important;
}
  .rightextrapadding {
    padding-right: 10vw !important;
}
  
  .leftextrapadding {
    padding-left: 10vw !important;

}
  
  
  .bottompadding {
    padding-bottom: 7vh !important;
}
  .toppadding {
    padding-top: 7vh !important;
}
  
  .rightpadding {
    padding-right: 5vw !important;
}
  .leftpadding {
    padding-left: 5vw !important;
}
  
  
  
  #pedagiodemim .selo_adiado {
    position: absolute;
    z-index: 9;
    max-width: 207px;
    right: calc(50% - 140px);
    opacity: 0.9;
}
  
  
  
  
  
  
  
  
  
  
 #splash .logo {
    width: 200px !important;
    height: 200px !important;

}
  
  
  #splash .wrapper {
    margin-top: -40px;
}
  
  #splash .locations p {
    text-align: center;
    width: 80%;
    margin: 30px auto;
    line-height: 200%;
}
  
  
/** TOP BAR ***/  
  
  #topbar {
    padding: 8px 0px;
}
  #topbar .logomexto {
    height: 30px;
    margin-left: 8px;
}
  
  #topbar .socialicon a {
    height: 30px !important;
    width: 30px !important;
}
  #topbar .social {
    margin-right: 10px !important;
}
  
  
  
  
  
  
  
  
  
  /************** END ******************/
}