.box-l img, .box-r img {
	width: 100%;
	height: auto;
}

.cd-timer{
	position:relative;
	}

#timer {
    font-family: "Lato",sans-serif;
    position: absolute;
    bottom: 0em;
    font-size:2.375vw;
    left: 1.75em;
    margin-bottom: 24px;
}
.box-l, .box-r {
	background-color: #fff;
	}
#c00 ul { 
	display:flex;
	display: -webkit-flex; /* Safari */
	}
.box-l, .box-r {
  width: 50%;
  overflow: hidden;
  position: relative;
  vertical-align: bottom;
}


        @media(min-width:320px){
            
                #timer{
   				 margin-bottom: 2px;
				 left: 1.1em;
                }
            
        }
		@media(min-width:480px){
            
                #timer{
   				 margin-bottom: 11px;
		
                }
            
        }


        @media(min-width:648px){
            
                #timer{
   				 margin-bottom: 12px;
                }
            
        }
		
        @media(min-width:768px){
            
                #timer{
   				 margin-bottom: 20px;
                }
            
        }

        @media(min-width:960px){
            
                #timer{
   				 margin-bottom: 23px;
                }
            
        }

        @media(min-width:1200px){
            
                #timer{
   				 margin-bottom: 26px;
                }
            
        }


        @media(min-width:1400px){
            
                #timer{
   				 margin-bottom: 36px;
                }
            
        }