/* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}*/
@media only screen and (min-width:1025px) {
.background {
    opacity: 0.06;
    position: absolute;
    left: 0;
    top: 0;
    width: 95%;
    font-family: Noto Sans VF,Noto Sans,Helvetica,Arial,sans-serif;  
}
h2 {
    font-family: Noto Sans VF,Noto Sans,Helvetica,Arial,sans-serif;
    font-weight: bold;
   
    font-size: 40px;
}
h3 {
    font-family: Noto Sans VF,Noto Sans,Helvetica,Arial,sans-serif;
    font-weight: bold;
    color: #ffffff;
	margin: auto;

   
}
.center{
	margin: auto;
	text-align: center;
	width: 50rem;
}

.welcome-week {
     display: contents;
    align-items: center;
    flex-direction: column;
    justify-content: center;
	border: solid 1px #000;
	width: auto;
	margin: auto;
	
}
.countdown {
  
    justify-content: space-around;
    text-align: center;
	display: flex;
	width: 40rem;
	margin: auto;
}
.day,
.hour,
.minute,
.second {
     font-size: 50px;
    font-family: Noto Sans VF,Noto Sans,Helvetica,Arial,sans-serif;
    color: #ffffff;
    
}
.uniLogo {
    padding: 7rem;
}
.container-day
{
   border-radius: 25px;
  background: #14558f;
	padding-top: 10px;
 /* padding: 20px; */
  width: 25%;
  height: 100px;
    border: 20px solid #ffffff; 
	
}
.container-hour
{border-radius: 25px;
  background: #14558f;
	padding-top: 10px;
  /* padding: 20px; */
  width: 25%;
  height: 100px;
    border: 20px solid #ffffff;
	
}
.container-minute
{border-radius: 25px;
  background: #14558f;
	padding-top: 10px;
  /* padding: 20px; */
  width: 25%;
  height: 100px;
    border: 20px solid #ffffff;
	
}
.container-second
{border-radius: 25px;
  background: #14558f;
	padding-top: 10px;
 /* padding: 20px; */
  width: 25%;
  height: 100px;
    border: 20px solid #ffffff;
	
}
}
@media only screen and (min-width : 285px) and (max-width : 480px) {
	
	.background {
    opacity: 0.06;
    position: absolute;
    left: 0;
    top: 0;
    width: 95%;
    font-family: Noto Sans VF,Noto Sans,Helvetica,Arial,sans-serif;  
}
	h2 {
    font-family: Noto Sans VF,Noto Sans,Helvetica,Arial,sans-serif;
    font-weight: bold;
   
    font-size: 20px;
}
h3 {
    font-family: Noto Sans VF,Noto Sans,Helvetica,Arial,sans-serif;
    font-weight: bold;
    color: #ffffff;
	margin: auto;
font-size: 20px;
   
}
.center{
	margin: auto;
	text-align: center;
	width: auto;
}

.welcome-week {
     display: contents;
    align-items: center;
    flex-direction: column;
    justify-content: center;
	border: solid 1px #000;
	width: auto;
	margin: auto;
	
}
	
	
	.day,
.hour,
.minute,
.second {
     font-size: 30px;
    font-family: Noto Sans VF,Noto Sans,Helvetica,Arial,sans-serif;
    color: #ffffff;    
}
.container-day
{
   border-radius: 15px;
  background: #14558f;
	padding-top: 10px;
 /* padding: 20px; */
  width: 25%;
  height: 80px;
    border: 8px solid #ffffff; 
	
}
.container-hour
{border-radius: 15px;
  background: #14558f;
	padding-top: 10px;
  /* padding: 20px; */
  width: 25%;
  height: 80px;
    border: 8px solid #ffffff;
	
}
.container-minute
{border-radius: 15px;
  background: #14558f;
	padding-top: 10px;
  /* padding: 20px; */
  width: 25%;
  height: 80px;
    border: 8px solid #ffffff;
	
}
.container-second
{border-radius: 15px;
  background: #14558f;
	padding-top: 10px;
 /* padding: 20px; */
  width: 25%;
  height: 80px;
    border: 8px solid #ffffff;
	
}	
	.countdown {
  
    justify-content: space-around;
    text-align: center;
	display: flex;
	width: 100%;
	margin: auto;
}
	
 
}

@media only screen and (min-width : 481px) and (max-width : 1024px) {

	.background {
    opacity: 0.06;
    position: absolute;
    left: 0;
    top: 0;
    width: 95%;
    font-family: Noto Sans VF,Noto Sans,Helvetica,Arial,sans-serif;  
}
	h2 {
    font-family: Noto Sans VF,Noto Sans,Helvetica,Arial,sans-serif;
    font-weight: bold;
   
    font-size: 20px;
}
h3 {
    font-family: Noto Sans VF,Noto Sans,Helvetica,Arial,sans-serif;
    font-weight: bold;
    color: #ffffff;
	margin: auto;

   
}
.center{
	margin: auto;
	text-align: center;
	width: auto;
}

.welcome-week {
     display: contents;
    align-items: center;
    flex-direction: column;
    justify-content: center;
	border: solid 1px #000;
	width: auto;
	margin: auto;
	
}
	
	
	.day,
.hour,
.minute,
.second {
     font-size: 30px;
    font-family: Noto Sans VF,Noto Sans,Helvetica,Arial,sans-serif;
    color: #ffffff;    
}
.container-day
{
   border-radius: 15px;
  background: #14558f;
	padding-top: 10px;
 /* padding: 20px; */
  width: 25%;
  height: 80px;
    border: 8px solid #ffffff; 
	
}
.container-hour
{border-radius: 15px;
  background: #14558f;
	padding-top: 10px;
  /* padding: 20px; */
  width: 25%;
  height: 80px;
    border: 8px solid #ffffff;
	
}
.container-minute
{
	border-radius: 15px; 
  background: #14558f;
	padding-top: 10px;
  /* padding: 20px; */
  width: 25%;
  height: 80px;
    border: 8px solid #ffffff;
	
}
.container-second
{border-radius: 15px;
  background: #14558f;
	padding-top: 10px;
 /* padding: 20px; */
  width: 25%;
  height: 80px;
    border: 8px solid #ffffff;
	
}	
	.countdown {
  
    justify-content: space-around;
    text-align: center;
	display: flex;
	width: 100%;
	margin: auto;
}
	
	
	
}
@media only screen and (min-width : 600px) and (max-width : 960px) {

	.background {
    opacity: 0.06;
    position: absolute;
    left: 0;
    top: 0;
    width: 95%;
    font-family: Noto Sans VF,Noto Sans,Helvetica,Arial,sans-serif;  
}
	h2 {
    font-family: Noto Sans VF,Noto Sans,Helvetica,Arial,sans-serif;
    font-weight: bold;
   
    font-size: 20px;
}
h3 {
    font-family: Noto Sans VF,Noto Sans,Helvetica,Arial,sans-serif;
    font-weight: bold;
    color: #ffffff;
	margin: auto;

   
}
.center{
	margin: auto;
	text-align: center;
	width: 30rem;
}

.welcome-week {
     display: contents;
    align-items: center;
    flex-direction: column;
    justify-content: center;
	border: solid 1px #000;
	width: auto;
	margin: auto;
	
}
	
	
	.day,
.hour,
.minute,
.second {
     font-size: 30px;
    font-family: Noto Sans VF,Noto Sans,Helvetica,Arial,sans-serif;
    color: #ffffff;    
}
.container-day
{
   border-radius: 15px;
  background: #14558f;
	padding-top: 10px;
 /* padding: 20px; */
  width: 25%;
  height: 80px;
    border: 10px solid #ffffff; 
	
}
.container-hour
{border-radius: 15px;
  background: #14558f;
	padding-top: 10px;
  /* padding: 20px; */
  width: 25%;
  height: 80px;
    border: 10px solid #ffffff;
	
}
.container-minute
{border-radius: 15px;
  background: #14558f;
	padding-top: 10px;
  /* padding: 20px; */
  width: 25%;
  height: 80px;
    border: 10px solid #ffffff;
	
}
.container-second
{border-radius: 15px;
  background: #14558f;
	padding-top: 10px;
 /* padding: 20px; */
  width: 25%;
  height: 80px;
    border: 10px solid #ffffff;
	
}	
	.countdown {
  
    justify-content: space-around;
    text-align: center;
	display: flex;
	width: 100%;
	margin: auto;
}
	
	
	
}