* {
	margin: 0;
	padding: 0;
}

html {
	color: #fff;
	font-family: Arial-Black, Arial;
}

main {
	background: linear-gradient(104deg, #8545E8 0%, #904AD8 100%);
}

header {
	background-color: #252525;
	height: 90px;
	padding: 0 4.375rem;
}

nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
}
h1 {
	font-size: 7.625rem;
	font-weight: 900;
}
h2 {
	font-size: 6rem;
	font-weight: 900;
}
h3 {
	font-size: 5.375rem;
	font-weight: 900;
}
p{
	font-size: 2.25rem;
}
nav img {
	vertical-align: middle;
}

nav a {
	color: #fff;
	text-decoration: none;
	display: inline-block;
	background-color: #963FF5;
	padding: 0.625rem 3.125rem;
	border-radius: 1.5625rem;
}

nav a+a {
	margin-left: 2.75rem;
}
.big-img-box{
	
}
.big-img-box img{
	width: 100%;
}
.desc{
	background-image: url('./imgs/bg_dtu.png');
	background-repeat: no-repeat;
	background-size: contain;
}
.two .desc{
	background-position: left 30%;
}
.three .desc{
	background-size: 62.5rem auto;
	background-position: left 30%;
}
.col2 {
	display: flex;
	justify-content: space-between;
}
.one .desc{
	margin-top: 6.5rem;
	margin-left: 4.375rem;
}

.one h2+p{
	margin-top: 80px;
}
.one .desc .img-box{
	padding: 2.75rem 1.25rem;
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 2.875rem;
	display: flex;
	align-items: center;
}
.one .desc .img-box div{
	max-width: 49.5rem;
	margin-right: 2.1875rem;
	display: inline-block;
}
.one .desc div img{
	width: 100%;
}
.one .desc .img-box span{
	font-size: 2.75rem;
	font-weight: 900;
}
.one .desc .info{
	max-width: 58rem;
	margin-top: 2rem;
}
.two .desc{
	/* max-width: 61.75rem; */
	margin-right: 4.375rem;
	margin-top: 2.5rem;
	padding-left: 5.5rem;
}
.two .desc .img-box{
	padding: 2.75rem 3.4375rem;
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 2.875rem;
	display: inline-block;
	max-width: 45rem;
}
.two .desc .img-box img{
	width: 100%;
}
.two .desc .info{
	margin-top: 5rem;
	margin-bottom: 5.625rem;
	max-width: 59.375rem;
}
.three .desc{
	margin-top: 5rem;
	margin-left: 4.375rem;
}
.three .desc h3{
	margin-bottom: 5.5rem;
}
.three .desc p{
	margin-bottom: 2rem;
}
footer{
	height: 98px;
	background: #252525;
	text-align: center;
	font-size: 1.625rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
footer a{
	color: #fff;
}

@media screen and (max-width: 1200px){
	html{
		font-size: 10px;
	}
  .col2{
	  flex-direction: column;
  }
  .one .big-img-box img{
	  width: 80%;
  }
  .big-img-box img{
  	  width: 60%;
  }
  .one .big-img-box,.three .big-img-box{
	  text-align: right;
  }
  .one .desc .img-box{
	  margin-right: 4.375rem;
  }
  h1 {
  	font-size: 6rem;
  	font-weight: 900;
  }
}
@media screen and (max-width: 600px){
	h1,h2,h3 {
		font-size: 4rem;
		font-weight: 900;
	}
	
	nav a+a {
		margin-left: 0;
		margin-top: 6px;
	}
}