#stopwatch_container{width:1024px;background-color:#f7f7f7;margin:25px auto 15px auto;text-align:center;overflow:hidden;transition:0.3s;}

#stopwatch_container h2{font-family:'Raleway', sans-serif;font-size:30px;font-weight:500;color:#414141;padding:0;margin:30px 0 0 0;}

#digits_container{display:flex;width:90%;margin:0 auto 0 auto;justify-content: center;}
.time-component{display:block;font-family: 'Open Sans', sans-serif;font-size:90px;font-weight:600;margin:0 0 0 0;padding:0;text-align:center;color:#414141;}
.time-unit{font-family: 'Open Sans', sans-serif;font-size:20px;font-weight:400;margin:0 0 0 0;padding:0;text-align:center;color:#414141;}
.time_separator{font-family: 'Open Sans', sans-serif;font-size:90px;font-weight:600;margin:0 0 0 0;padding:0;text-align:center;color:#414141;}


#large_font_size_check{display:none;}
#small_font_size_check{display:none;}

#buttons_container{display:flex;justify-content: center;margin:25px 0 0 0;}
button{border:none;cursor:pointer;margin:0;display:block;font-family:'Raleway', sans-serif;font-size:18px;font-weight:300;color:white;padding:10px 25px 10px 25px;text-decoration:none;border-radius:5px;background-color:#0ca0b5;transition:0.3s;}
button:hover{background-color:#fd9500}
button:disabled{background-color:#c9c9c9;cursor:default;}
button:nth-child(1){margin-right:10px;}
button:nth-child(3){margin-left:10px;}

#stats_title{font-family:'Raleway', sans-serif;font-size:22px !important;font-weight:400;color:#414141;padding:0;margin:50px 0 0 0;}
#stats{font-family:'Open Sans', sans-serif;font-size:20px;font-weight:300;color:#414141;padding:0;margin:15px 0 0 0;}

#lap_table{display: inline-block;margin:20px 0 0 0;padding: 0 0 50px 0;}
tr{font-family:'Open Sans', sans-serif;font-size:20px;font-weight:300;color:#414141;}
th{font-family:'Raleway', sans-serif;font-size:20px;font-weight:400;color:#414141;padding:20px;}
.worst_lap{color:red !important;}
.best_lap{color:green !important;}

#countdown_link{width:1024px;margin:0 auto 40px auto;display:block;font-family:'Raleway', sans-serif;font-size:18px;font-weight:400;text-decoration:none;color:#0CA0B5;}
#countdown_link:hover{color:#fd9500;}

@media screen and (max-width:1024px)
{
    #stopwatch_container{width:90%;}
    #countdown_link{width:90%;}
}


@media screen and (max-width:635px)
{
    .time-component{font-size:60px;}
    .time_separator{font-size:60px;}
    .time-unit{font-size:16px;}
    #buttons_container{display:block;text-align:center;}
    #buttons_container button{width:200px;display:block;margin:0 auto 10px auto !important;}


}


@media screen and (max-width:550px)
{
    #digits_container p{font-size:60px;}

}

@media screen and (max-width:450px)
{
    .time-component{font-size:40px;}
    .time_separator{font-size:40px;}
    .time-unit{font-size:12px;}
}

@media screen and (max-width:350px)
{
    #digits_container p{font-size:40px;}
    #buttons_container{display:block;}
    input[type=button]{display:block;margin:0 auto 0 auto;}
    input:nth-child(1){margin-bottom:10px;}
    input:nth-child(2){margin-bottom:10px;}
}