The below code will help you format 1rem to have 10px to be easier to calculate, you need to add in a breackdance stylesheet and add the css code.
html {
font-size: 62.5%
}
The bellow code can be used to set a global size and then be user in the container size, it will make on smaller devices to have some space till the logo. In container you can use var(--site-width)
:root{
--site-width:min(1600px, 90vw)
}