/* 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;

}  
  
  a.bot {
    padding: 15px 20px !important;
  }
  
  
  #intro h1 {
    font-size: 24px !important;
    margin-bottom: 30px;
}
  
 #wrap_all h1 {
   font-size: 24px !important;
}
#wrap_all h3 {
    font-size: 16px !important;
}
  
  .graphics02-container {
    position: absolute;
   
}
  
  
  
  .mod-languages.mylangswitch {

    position: fixed !important;
    top: 5px !important;
    right: 5px !important;

}
  .mylangswitch.mod-languages li {

    margin-right: 0px !important;
    margin-left: 0px !important;
    border-radius: 20px;
    font-size: 8px;
    font-weight: 600;
    border: 1px solid teal;
    width: 24px;
    display: inline-flex !important;
    height: 24px !important;
    align-items: center !important;

}
  
.graphics03-container {

    position: relative;
    width: 60vw !important;
    overflow: hidden;
    margin-right: 0;
    margin-top: 30px;
    margin-left: auto !important;
    margin-bottom: -70px !important;

}
  
  .graphics03 {

    margin-right: -15px;

}
  
  .separator.smallmarginbottom {

    margin-bottom: 30px !important;

}
  
.headline h2 {
    text-align: center;
    font-weight: 600 !important;

}
  #diagrama h2 {
    margin-bottom: 10px !important;
    font-weight: 600 !important;
font-size: 19px !important;
}

#together.separator {
    margin-bottom: 40px !important;
}
  
.headline {
    margin-bottom: 50px !important;
}
  
.graphics01-container {
    float: right;
    position: relative;
    max-width: 70vw;
    z-index: 999;
    margin-top: 45px;
    margin-right: 10px;
    top: 0 !important;
}
  
  
#intro {
    padding-left: 10vw !important;
}  
  
  
#wrap_head {
    height: auto !important;
    text-align: center;
    flex-wrap: wrap;
    padding: 15px 5px 10px !important;
}
#mainmenu {
    padding: 0;
    text-align: center;
    margin: 0 auto !important;
    order: 1;
}
#mainmenu li {
    margin-right: 10px;
    font-size: 9px;
    text-transform: uppercase;
    font-weight: 600;
    margin-left: 10px;
}
#logo {
    margin: 0 auto 10px;
    padding: 0px;
}
  
#info {

    right: 0;
    position: relative !important;
    margin: 0 auto;
    display: block;

}
  .topinfo {
    font-size: 9px;
    letter-spacing: 1px;
    margin: 0 auto !important;
    float: left;
}
  
  .brandlogo {
    max-width: 130px !important;
    padding: 0;
}
  
  
.sideextrapadding {
    padding: 0 5vw !important;
}
  .bottomextrapadding {
    padding-bottom: 10vh !important;
}
  
 /* 
#stage h2 {
    font-size: 15px !important;
}*/
  
#wb .overfoto .bullets p {
    font-size: 16px;
    padding: 0 15px;
}
  
.separator {
    margin-top: 70px;
    margin-bottom: 50px;
}
.titleseparator {
    font-size: 9px;
    letter-spacing: 4px;
}
  
  #diagrama .block {
    padding: 0 3vw !important;
    margin-bottom: 50px;
}
  
  
.logo {

    width: 90px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 7px 10px;

}
  
.quote {
    font-size: 15px;
}

.aspas {
    font-size: 20px;
    margin-left: -25px;
}
  
#bottom .rightside {
    margin-top:50px;
}
  
#footer {
    margin-top: 70px;
}
  
#copyright {
    position: relative;
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 10px;
}
  
  .zed {
    margin-top: 20px;
}
  
  
#bottom {
    flex-direction: column;
    position: relative;
}
  

  
#stage {
    margin-bottom: 0 !important;
    margin-top: 50px;
}
  
  
.icon.color1::after {
   display:none;
}
  
.icon.color2::after {
   display:none;
}
  
.title {
    padding: 0 0px 0 46px;
  font-size: 8px;
}
  
  
  
  /************** END ******************/
}