/* =====================================
   流滋淇科技专业学校
   Responsive Design
===================================== */



@media(max-width:1200px){


nav{

gap:15px;

}


nav a{

font-size:14px;

}



.major-grid{


grid-template-columns:

repeat(2,280px);


}




.hero h2{


font-size:55px;


}



}








@media(max-width:900px){



header{


height:75px;


padding:0 20px;


}




.nav-logo{


font-size:18px;


}



nav{


display:none;


}



.page{


padding:

100px 20px;


}



.logo-area h1{


font-size:32px;


letter-spacing:3px;


}




.future-text{


font-size:12px;


letter-spacing:5px;


}




.data-box{


flex-direction:column;


align-items:center;


}




.data-box div{


width:280px;


}




.hero h2{


font-size:42px;


}



.hero p{


font-size:20px;


}




.major-grid{


grid-template-columns:

1fr;


width:100%;


}



.major-card{


width:100%;


height:160px;


}




.phone{


font-size:35px;


}



.glass-card{


padding:30px;


font-size:18px;


}




.music-control{


width:55px;


height:55px;


right:20px;


bottom:20px;


}


}







@media(max-width:500px){



.tech-logo{


width:110px;


height:110px;


font-size:40px;


}




.logo-area h1{


font-size:25px;


}



#enterBtn{


width:180px;


height:55px;


font-size:18px;


}



.hero h2{


font-size:35px;


}




.page h2{


font-size:35px;


}



.black-hole{


width:250px;


height:250px;


}




.hole-core{


width:120px;


height:120px;


}



}