Team:HFUT-China/designcss

div.container{ background-color: #F0FFD1; } @media (min-width: 1300px) {

   div#logo {
       background-image: url(Logo_design.png);
       background-repeat: no-repeat;
       background-size: 450px 450px;
       width: 450px;
       height: 450px;
   }
   div#server-photo {
       background-image: url(Server.png);
       background-repeat: no-repeat;
       background-size: 450px 450px;
       width: 450px;
       height: 450px;
   }
   div#markov-chain {
       background-image: url(Mar.png);
       background-repeat: no-repeat;
       background-size: 450px 450px;
       width: 450px;
       height: 450px;
   }
   div#markov-res {
       background-image: url(Markov.png);
       background-repeat: no-repeat;
       background-size: 827px 233px;
       width: 827px;
       height: 233px;
   }
   div#pages{
       background-image: url(Front.jpg);
       background-repeat: no-repeat;
       background-size: 450px 253px;
       width: 450px;
       height: 253px;
   }

}

@media (min-width: 1050px) and (max-width: 1300px) {

   div#logo {
       background-image: url(Logo_design.png);
       background-repeat: no-repeat;
       background-size: 300px 300px;
       width: 300px;
       height: 300px;
   }
   div#server-photo {
       background-image: url(Server.png);
       background-repeat: no-repeat;
       background-size: 300px 300px;
       width: 300px;
       height: 300px;
   }
   div#markov-chain {
       background-image: url(Mar.png);
       background-repeat: no-repeat;
       background-size: 300px 300px;
       width: 300px;
       height: 300px;
   }
	div#markov-res {
       background-image: url(Markov.png);
       background-repeat: no-repeat;
       background-size: 661px 186px;
       width: 661px;
       height: 186px;
   }
   div#pages{
       background-image: url(Front.jpg);
       background-repeat: no-repeat;
       background-size: 300px 169px;
       width: 300px;
       height: 169px;
   }   

}

@media (min-width: 800px) and (max-width: 1050px) {

   div#logo {
       background-image: url(Logo_design.png);
       background-repeat: no-repeat;
       background-size: 250px 250px;
       width: 250px;
       height: 250px;
   }
   div#server-photo {
       background-image: url(Server.png);
       background-repeat: no-repeat;
       background-size: 250px 250px;
       width: 250px;
       height: 250px;
   }
   div#markov-chain {
       background-image: url(Mar.png);
       background-repeat: no-repeat;
       background-size: 250px 250px;
       width: 250px;
       height: 250px;
   }
   div#markov-res {
       background-image: url(Markov.png);
       background-repeat: no-repeat;
       background-size: 496px 140px;
       width: 496px;
       height: 140px;
   }
   div#pages{
       background-image: url(Front.jpg);
       background-repeat: no-repeat;
       background-size: 250px 140px;
       width: 250px;
       height: 140px;
   }
   

}

@media (max-width: 800px){

   div#logo {
       background-image: url(Logo_design.png);
       background-repeat: no-repeat;
       background-size: 250px 250px;
       width: 250px;
       height: 250px;
   }
   div#server-photo {
       background-image: url(Server.png);
       background-repeat: no-repeat;
       background-size: 200px 200px;
       width: 200px;
       height: 200px;
   }
   div#markov-chain {
       background-image: url(Mar.png);
       background-repeat: no-repeat;
       background-size: 250px 250px;
       width: 250px;
       height: 250px;
   }
   div#markov-res {
       background-image: url(Markov.png);
       background-repeat: no-repeat;
       background-size: 331px 93px;
       width: 331px;
       height: 93px;
   }
   div#pages{
       background-image: url(Front.jpg);
       background-repeat: no-repeat;
       background-size: 250px 140px;
       width: 250px;
       height: 140px;
   }
   

}