/* PRINT ######################################################################################## */
@media print {

body {
	background: none !important;
	background-color: #fff !important;
	color: #555 !important;
}

h1, h2, h3, h4, h5 {
	color: #777 !important;
}

}



/* BIG SCREEN #################################################################################### */
@media screen and (min-width: 1281px) {

}

/* STANDARD VIEW ################################################################################# */
@media screen and (max-width: 1900px) {

	.intrologo h1 {
	  text-align: center;
	  margin: 0 auto;
	  width: 100%;
	}


  body {
    overflow-x: hidden;
  }
}

/* STANDARD VIEW ################################################################################# */
@media screen and (max-width: 1800px) {

.intrologo.ds {
  margin-top: 65vh;
}

}

/* STANDARD VIEW ################################################################################# */
@media screen and (max-width: 1570px) {

.intrologo h1 {
	margin: 0 auto 0 9%;
	width: 45%;
  }

.logo img
{
  width: 60%;
}


}


/* STANDARD VIEW ################################################################################# */
@media screen and (max-width: 1450px) {

.intrologo.ds {
  margin-top: 78vh;
}

.intrologo.disc {
  margin-top: 50vh;
}

}


/* STANDARD VIEW ################################################################################# */
@media screen and (max-width: 1330px) {

  .intrologo h1 {
	  font-size: 60px;
	  line-height: 78px;
	  width: 25%;
	}

}



/* TABLET ####################################################################################### */

@media screen and (max-width: 1050px) {

/* ##### Hide / Show */

#onepagenav,
#header-wrapper,
.submenu-inner.list3 .toolbar-info,
#sidebar,
.offer:last-child,
#infocenter-icons.icons-4 .infocenter-icon:last-child,
.footerbox-right {
	display: none !important;
}


/* ##### Custom */

.intrologo h1 {
  width: 80%;
  hyphens: auto;
  font-size: 40px;
  transform: translateY(-12%);
  line-height: 40px;
}

.intrologo h2 {
  font-size: 28px;
}

.intrologo h3 {
  line-height: 27px;
  font-size: 22px;
}

  .intrologo{
    margin-top: 10vh;
  }


  .logo img
{
    width: 70%;
  }


#intro {
	height: 100%;
}

#intro-inner {
	padding: 0;
}

.header-image {
	height: 100%;
}


}





/* SMARTPHONE ##################################################################################### */
@media screen and (max-width: 940px) {


  .intrologo {
  padding: 20px 0 30px 0;
}

}


/* SMARTPHONE ##################################################################################### */
@media screen and (max-width: 740px) {


  .intrologo {
  width: 60%;
}

}




/* SMARTPHONE ##################################################################################### */
@media screen and (max-width: 720px) {



/* ##### Custom */

p, h1, h2, h3 {
	hyphens: auto;
}

.intrologo a
{
  width: 100%;
}

.intrologo {
  width: 65%;
}

}

/* SMARTPHONE ##################################################################################### */
@media screen and (max-width: 715px) {

.intrologo h1 {
  transform: translateY(55%);
}

.responsive-bg {
  right: 50px;
}


}


/* SMARTPHONE ##################################################################################### */
@media screen and (max-width: 580px) {


.intrologo {
  width: 75%;
}

.intrologo h2 {
  font-size: 25px;
}

.intrologo p{
  line-height: 28px;
  font-size: 22px;
}




}


/* SMARTPHONE ##################################################################################### */
@media screen and (max-width: 500px) {

.intrologo.ds {
  margin-top: 82vh;
}

.intrologo.disc {
  margin-top: 55vh;
}

}


/* SMARTPHONE ##################################################################################### */
@media screen and (max-width: 440px) {

.intrologo.ds {
  margin-top: 70vh;
}

.intrologo.disc {
  margin-top: 45vh;
}


  .intrologo h2 {
    font-size: 22px;
  }

  .intrologo h1 {
    font-size: 35px;
  }

  .intrologo p {
    line-height: 24px;
    font-size: 18px;
  }

  li {
  font-size: 18px;
}


}


/* SMARTPHONE ##################################################################################### */
@media screen and (max-width: 370px) {

.responsive-bg {
  right: 20px;
  width: 400px;
  transform: translateY(12%);
}

  .intrologo.ds {
    margin-top: 80vh;
  }

  .intrologo.disc {
  margin-top: 45vh;
}

}



/* SMARTPHONE ##################################################################################### */
@media screen and (max-width: 320px) {


  .intrologo.ds {
    margin-top: 90vh;
  }

  .intrologo.disc {
  margin-top: 50vh;
}

}