/*Normal Styles */
.main_header {
  font-size: 3rem;
  font-weight: 300;
  text-align: center;
}

.warranty-header {margin-bottom: 30px;}

.sub_text {
  font-size: 1.9rem;
  line-height: 2.1rem;
  font-weight: 700;
}

.paragraph_text {
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 500;
}

.left {
  text-align: left;
}

.lang {
  font-weight: normal;
  font-size: 1.4rem;
}


a {
  text-decoration: none;
  color: #000;
}

a:hover {
  opacity: 0.8;
}

a:hover.logo_link {
  opacity: 1;
}


.connect {
  font-size: 2.4rem;
  font-weight: 300;
  text-align: center;
  grid-column: 2 / 3;
}

.copyright {
  grid-column: 1 / 4;
  font-size: 1.2rem;
  font-weight: 300;
  text-align: center;
  padding-top: 40px;
  padding-left: 5%;
  padding-right: 5%;
}

.social-icon {

  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%;
}

.social-icon img {
  width: 50%;
}

.facebook {
  background: transparent;
  color: #000;
  border: 2px solid #000;
}


.x-twitter {
  background: transparent;
  color: #000;
  border: 2px solid #000;
}



.linkedin {
  background: transparent;
  color: #000;
  border: 2px solid #000;
}



.youtube {
  background: transparent;
  color: #000;
  border: 2px solid #000;
}



.instagram {
  background: transparent;
  color: #000;
  border: 2px solid #000;
}




.facebook-white {
  background-color: white;
  color: #fff;
  border: 2px solid #fff;
}

.facebook-white:hover {}

.x-twitter-white {
  background-color: white;
  color: #fff;
  border: 2px solid #fff;
}

.x-twitter-white:hover {
  color: #000;
  background-color: white;
}

.linkedin-white {
  background-color: white;
  color: #fff;
  border: 2px solid #fff;
}

.linkedin-white:hover {
  color: #007bb5;
  background-color: white;
}

.youtube-white {
  background-color: white;
  color: #fff;
  border: 2px solid #fff;
}

.youtube-white:hover {
  color: #bb0000;
  background-color: white;
}

.instagram-white {
  background-color: white;
  color: #fff;
  border: 2px solid #fff;
}

.instagram-white:hover {
  color: #bb0000;
  background-color: white;
}

.icon {
  position: absolute;
  color: #000;
  font-size: 8vw;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;

}

.shadow {
  -webkit-filter: drop-shadow(5px 5px 5px #222222);
  filter: drop-shadow(1px 4px 5px #999999);
}



/*Tab landscape port*/
/*1200px*/
@media only screen and (max-width: 75em) {}



/*Tab port*/
/*900px*/
@media only screen and (max-width: 56.25em) {

  .main_header {
    font-size: 2.2rem;
  }

  .sub_text {
    font-size: 1.9rem;
    line-height: 2.1rem;
    font-weight: 700;
  }

  .paragraph_text {
    font-size: 1.8rem;
    line-height: 2.6rem;
    font-weight: 500;
  }

  .lang {
    font-weight: normal;
    font-size: 1.1rem;
  }


  .connect {
    font-size: 2rem;
  }

}


/*Phone port*/
/*600px*/
@media only screen and (max-width: 37.5em) {
  .main_header {
    font-size: 2.2rem;
    font-weight: 300;
    text-align: center;
  }

  .sub_text {
    font-size: 1.6rem;
    line-height: 1.8rem;
    font-weight: 700;
  }

  .paragraph_text {
    font-size: 1.6rem;
    line-height: 1.6rem;
    font-weight: 500;
  }

  .steps {
    font-size: 4rem;
  }

  .step-title {
    font-size: 2rem;
  }

  .step_text {
    font-size: 1rem;
  }


  .terms-button {
    width: 100%;
    margin: 0;
    font-size: 1.6rem;
  }

  .warranty-header {min-height:80px;}

}

/*Phone port*/
/*400px*/
@media only screen and (max-width: 25em) {
  .sub_text {
    font-size: 1.3rem;
    line-height: 1.5rem;
    font-weight: 700;
    margin-bottom: 30px;
  }

  .paragraph_text {
    font-size: 1.2rem;
    line-height: 1.4rem;
    font-weight: 500;
  }

  .warranty-header {margin-bottom: 0px;}


}