* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
	overflow-x:hidden;
	width: 100vw;
	background: #F3F3F3;
	}
	
	@media screen and (min-width: 1500px) and (orientation: landscape) {
	
	section {
  width: 100vw;
display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
		  margin: 0 0 0 0;
}

.burger-menu{
	display: none;
}

#section01 {
  background: #F3F3F3;
  height: 100vh;
padding: 0 0 0 0;
}

#section01-bg {
	width: 100vw;
	height: 100vh;
	position: absolute;
  background: url(1.2.JPEG);
  background-size: cover;
  float: center;
}

#section01_bg2{
	width: 100vw;
	height: 100vh;
	position: absolute;
  float: center;
	background: rgba(130, 162, 242,0.4);
}

#container {
	padding-left: 70px;
	padding-right: 70px;
	width: 1500px;
	margin: 10px 70px 0 70px;
	position: relative;
}

#home_block h1{
	font-family: 'Roboto', sans-serif;
  font-size: 72px;
	 color: #313D57;
	 margin-top: 100px;
	 margin-bottom: 50px;
	 text-align: center;
}

#home_block h2 {
	 margin-bottom: 100px;
}

#home_block h2 p{
	font-family: 'Roboto', sans-serif;
  font-size: 14px;
  text-indent: 14px;
	 color: #313D57;
	 margin-bottom: 10px;
	 text-align: left;
	 font-weight: 400;
}

.colortext{
	 color: #FFCC51;
}

#home_block p{
	font-family: 'Roboto', sans-serif;
  font-size: 24px;
	 color: #FFCC51;
}

#button__home{
	background: #313D57;
		width: 500px;
	height: 80px;
	border-radius: 15px;
	display: flex;
	margin: 30px auto;
	padding-top: 27px;
	padding-left: 154.5px;
	text-decoration: none;
}

}

@media screen and (min-width: 500px) and (max-width: 1499px) {
	
html, body {
	overflow-x:hidden;
	width: 100vw;
	background: #F3F3F3;
	}

	section {
  width: 100vw;
display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
		  margin: 0 0 0 0;
}

.burger-menu{
	display: none;
}

#section01 {
  background: #F3F3F3;
  height: 66.67vw;
padding: 0 0 0 0;
}

#section01-bg {
	width: 100vw;
	height: 66.67vw;
	position: absolute;
  background: url(1.2.JPEG);
  background-size: cover;
  float: center;
}

#section01_bg2{
	width: 100vw;
	height: 66.67vw;
	position: absolute;
  float: center;
	background: rgba(130, 162, 242,0.4);
}

#container {
	padding-left: 4.67vw;
	padding-right: 4.67vw;
	width: 85.3vw;
	margin: 0.6vw 4.67vw 0 4.67vw;
	position: relative;
}

#home_block h1{
	font-family: 'Roboto', sans-serif;
  font-size: 4.27vw;
	 color: #313D57;
	 margin-top: 8vw;
	 margin-bottom: 3.3vw;
	 text-align: center;
}

#home_block h2 {
	 margin-bottom: 6.67vw;
}

#home_block h2 p{
	font-family: 'Roboto', sans-serif;
  font-size: 0.9vw;
  text-indent: 0.9vw;
	 color: #313D57;
	 margin-bottom: 0.6vw;
	 text-align: left;
	 font-weight: 400;
}

.colortext{
	 color: #FFCC51;
}

#home_block p{
	font-family: 'Roboto', sans-serif;
  font-size: 1.6vw;
	 color: #FFCC51;
}

#button__home{
	background: #313D57;
		width: 33.3vw;
	height: 5.3vw;
	border-radius: 1vw;
	display: flex;
	margin: 2vw auto;
	padding-top: 1.8vw;
	padding-left: 10.3vw;
	text-decoration: none;
	margin-bottom: 10vw;
}

}

@media screen and (max-width: 499px) {
		html, body {
	overflow-x:hidden;
	width: 100vw;
	background: #F3F3F3;
	}
	
	section {
  width: 100vw;
display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
		  margin: 0 0 0 0;
}

#section01 {
  background: #F3F3F3;
  height: 100vh;
padding: 0 0 0 0;
}	

#section01-bg {
	width: 100vw;
	height: 100vh;
	position: absolute;
  background: url(1.2.JPEG);
  background-size: cover;
  float: center;
}

#section01_bg2{
	width: 100vw;
	height: 100vh;
	position: absolute;
  float: center;
	background: rgba(130, 162, 242,0.4);
}

#container {
	width: 360px;
	position: relative;
	padding: 0 20px 0 20px;
}

#home_block h1{
	font-family: 'Roboto', sans-serif;
  font-size: 18px;
	 color: #313D57;
	 margin-top: 70px;
	 margin-bottom: 25px;
	 text-align: center;
}

#home_block h2{
	 margin-bottom: 50px;
}

#home_block h2 p{
	font-family: 'Roboto', sans-serif;
  font-size: 10px;
  text-indent: 10vw;
	 color: #313D57;
	 margin-bottom: 8px;
	 text-align: left;
	 font-weight: 400;
}

.colortext{
	 color: #FFCC51;
}

#home_block p{
	font-family: 'Roboto', sans-serif;
  font-size: 15px;
	 color: #FFCC51;
}

#button__home{
	background: #313D57;
		width: 300px;
	height: 50px;
	border-radius: 15px;
	display: flex;
	margin: 30px auto;
	padding-top: 15px;
	padding-left: 90px;
	text-decoration: none;
}

}