main{top:14%}
.source-a{top:30%}.source-b{top:40%}
.time-caption{justify-content:flex-end}
footer{justify-content:flex-start}
@media(min-width:1600px){main{top:16%}.source-a{top:30%}.source-b{top:40%}}
@media(max-width:1200px) and (min-width:701px){main{top:13%}.source-a{top:10%}.source-b{top:44%}}
@media(max-width:1000px) and (min-height:850px) and (min-width:701px){main{top:20%}.source-a{top:6%}.source-b{top:6%}}
@media(max-width:700px){main{top:24%}.source-a{top:76px}}
@media(max-width:700px) and (max-height:760px){main{top:20%}.source-a{top:64px}}
@media(min-width:701px) and (max-height:660px){main{top:44px}.source{top:96px}}