@media (max-width: 420px) and (min-width: 1px) {

  .wrapper,section, .footer, .someText, .options {
    width: 100%;
    height: 100%;
    border-right: none;
    border-left: none;
  }

  .header {
    border: 1px solid white;
  }

  .logo img {
    float: left;
  }

  section,
  .visible {
    width: 100%;
    /*height: 100%;*/
  }

  .block, .hidden-menu {
    height: 80%;
  }

  .block {
    border: none;
  }

  .visible .enter, input[type="button"] {
    /*height: 25px;*/
    width: 50%;
    margin-top: 4%;
    margin-bottom: 5%;
  }

  .hidden-menu,
     select,
     option {
    width: 90%;
  }

  .hidden {
    border: none;
  }

  input, option {
    font-size: 90%;
  }

  h3 {
    margin-top: 6%;
    font-size: 80%;
  }

  .someText p {
    /*font-size: 70%;*/
  }

  .info {
    width: 70%;
    font-size: 70%;
    /*margin-right: 25%;*/
    margin-right: 0px;
	padding-right: 0px;
  }
  
  .parTwo {
    border-bottom: none;
  }

  /**********PAGE_3**********/
  .text_form {
    width: 100%;
    height: 100%;
  }

  .text_form p, .text_form div p {
    word-wrap: break-word;
    /*line-height: 100%;*/
  }
  @media (max-width: 396px) and (min-width: 375px) {
	#finalizetext {
		margin-left: 20%;
	}
  }
  @media (max-width: 375px) and (min-width: 364px) {
	#finalizetext {
		margin-left: 18%;
	}
  }
  @media (max-width: 364px) and (min-width: 358px) {
	#finalizetext {
		margin-left: 16%;
	}
  }
  @media (max-width: 358px) and (min-width: 349px) {
	#finalizetext {
		margin-left: 14%;
	}
  }
  @media (max-width: 349px) and (min-width: 339px) {
	#finalizetext {
		margin-left: 14%;
	}
  }
  @media (max-width: 349px) and (min-width: 340px) {
	#finalizetext {
		margin-left: 12%;
	}
  }
  @media (max-width: 340px) and (min-width: 335px) {
	#finalizetext {
		margin-left: 10%;
	}
  }
  @media (max-width: 335px) and (min-width: 328px) {
	#finalizetext {
		margin-left: 8%;
	}
  }
  @media (max-width: 328px) and (min-width: 290px) {
	#finalizetext {
		margin-left: 8%;
	}
  }
  
  @media (max-width: 290px) and (min-width: 1px) {
	#finalizetext {
		margin-left: 0px;
	}
  }
  

  .text_form .description, .text_form .identation, .text_input {
    /*font-size: 80%;*/
    word-wrap: break-word;
  }

  .text_form img {
    width: 35%;
    height: 35%;
    /* margin-right: 25%; */
  }

  .text_form .input_field {
    /*width: 85%;
    margin-top: 1%;*/
	width: 75%;
  }
  
  
  @media (max-width: 374px) and (min-width: 320px) {
	.text_form .input_field {
		width: 70%;
	}
  }
  @media (max-width: 320px) and (min-width: 272px) {
	.text_form .input_field {
		width: 65%;
	}
  }
  @media (max-width: 272px) and (min-width: 240px) {
	.text_form .input_field {
		width: 60%;
	}
  }
  @media (max-width: 240px) and (min-width: 190px) {
	.text_form .input_field {
		width: 50%;
	}
  }
  @media (max-width: 190px) and (min-width: 1px) {
	.text_form .input_field {
		width: 38%;
	}
  }
  
  

  .text_form button[type="submit"] {
    width: 67%;
    /*height: 50%;*/
    /*margin-left: 25%;*/
    margin-left: 5%;
    /*font-size: 70%;*/
  }

  /*.text_form button[type="submit"]:hover {
    width: 47%;
    height: 54%;
    color: #fff;
    background: #4554FF;
    font-size: 80%;
  }*/

  /**********PAGE1A**********/
  .app_form {
    width: 100%;
    height: 100%;
    padding-left: 12%;
  }

  .app_form p {
    word-wrap: break-word;
  }

  .app_form div {
    width: 80%;
    height: 80%;
    margin-top: 0px;
  }
  @media (max-width: 379px) and (min-width: 336px) {
    .buttons {
      margin-left: 25%;
    }
	.app_form p {
      font-size: 21px;
    }
  }
  @media (max-width: 336px) and (min-width: 306px) {
    .buttons {
      margin-left: 22%;
    }
	.app_form p {
      font-size: 18px;
    }
  }
  @media (max-width: 306px) and (min-width: 288px) {
    .buttons {
      margin-left: 20%;
    }
	.app_form p {
      font-size: 18px;
    }
  }
  @media (max-width: 288px) and (min-width: 243px) {
    .buttons {
      margin-left: 18%;
    }
	.app_form p {
      font-size: 18px;
    }
  }
  @media (max-width: 243px) and (min-width: 1px) {
    .buttons {
      margin-left: 15%;
    }
	.app_form p {
      font-size: 18px;
    }
  }
  
  
  /**********PAGE1B**********/
  .placeholder {
    width: 100%;
    height: 100%;
    padding-left: 8%;
  }

  .placeholder p {
    font-size: 80%;
    word-wrap: break-word;
  }

  .placeholder div {
    width: 70%;
    height: 70%;
  }

  .placeholder div input {
    width: 60%;
    height: 60%;
  }

  .placeholder span {
    float: none;
    font-size: 50%;
    margin-top: 20%;
    margin-left: 40%;
    line-height: 90%;
  }
}


/* width from 254px to 284px */
@media (max-width: 280px) and (min-width: 254px) {
	h3 {
    margin-top: 8%;
    font-size: 70%;
  }
}

/* width from 1px to 254px */
@media (max-width: 254px) and (min-width: 1px) {
	h3 {
    margin-top: 8%;
    font-size: 60%;
  }
}


/**********INDEX_IPHONE**********/
@media (max-width: 1100px) and (min-width: 770px) {

  .resize {
    width: 30%;
    height: 100%;
  }

  .wrapper_phone {
    width: 20%;
    height: 100%;
    float:left;
  }
  .header_home{
    /*width:190%;*/
    height: 150%;

  }
  .header_home p{
    /*font-size:140%;
    margin-left:25%;*/
  }
  .container{
    width:70%;
    height: 100%;
  }
  .container figure{
    width:70%;
    height:70%;
    margin-left:-1%;
  }
  .container figure img{
    width:70%;
    height:70%;
  }
  .container figcaption{
    width:60%;
  }

  .footer_cover{
    width:100%;
    height:100%;
  }
  .footer_cover img{
    width:90%;
    height:90%;
  }

}

/**********INDEX_HOME**********/
@media (max-width: 405px) and (min-width: 388px) {
	.second {
		margin-left: 18%;
	}
}
@media (max-width: 388px) and (min-width: 376px) {
	.second {
		margin-left: 15%;
	}
}
@media (max-width: 376px) and (min-width: 358px) {
	.second {
		margin-left: 12%;
	}
}
@media (max-width: 358px) and (min-width: 333px) {
	.second {
		margin-left: 7%;
	}
}
@media (max-width: 333px) and (min-width: 295px) {
	.second {
		margin-left: 0%;
	}
}
@media (max-width: 295px) and (min-width: 1px) {
	.second {
		margin-left: 40px;
	}
}

@media (max-width: 315px) and (min-width: 1px) {
	img.headerlogo {
		width: 33%;
	}
	span.headertext {
		font-size: 19px;
	}
}
@media (max-width: 307px) and (min-width: 296px) {
	span.headertext {
		font-size: 18px;
	}
}
@media (max-width: 285px) and (min-width: 240px) {
	img.headerlogo {
		width: 32%;
	}
	span.headertext {
		font-size: 15px;
		margin-top: 0px;
	}
}
@media (max-width: 285px) and (min-width: 1px) {
	span.headertext {
		margin-top: 0px;
	}
}
@media (max-width: 240px) and (min-width: 222px) {
	img.headerlogo {
		width: 31%;
	}
	span.headertext {
		font-size: 15px;
	}
}
@media (max-width: 222px) and (min-width: 204px) {
	img.headerlogo {
		width: 30%;
	}
	span.headertext {
		font-size: 14px;
	}
}
@media (max-width: 204px) and (min-width: 188px) {
	img.headerlogo {
		width: 29%;
	}
	span.headertext {
		font-size: 13px;
	}
}
@media (max-width: 188px) and (min-width: 176px) {
	img.headerlogo {
		width: 28%;
	}
	span.headertext {
		font-size: 12px;
	}
}
@media (max-width: 400px) and (min-width: 1px) {
	p.large_text.rfqleft {
		font-size: 19px;
	}
	#finalizetext.rfqleft p {
		font-size: 14px;
	}
}
@media (max-width: 325px) and (min-width: 1px) {
	div.image.rfqright {
		margin-left: 20px;
	}
}
@media (max-width: 315px) and (min-width: 1px) {
	div.image.rfqright {
		margin-left: 10px;
	}
}
@media (max-width: 295px) and (min-width: 1px) {
	div.rfqleft {
		width: 40%;
	}
	.text_form .image img {
		width: 70%;
	}
}
@media (max-width: 250px) and (min-width: 1px) {
	div.rfqleft {
		width: 35%;
	}
	.text_form .image img {
		width: 65%;
	}
}