.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; 
    background-color: lightyellow;
	z-index: 1;
}

.scrollable-content {
    margin-top: 240px;  
}

@media screen and (max-width: 1200px) {
.scrollable-content {
    margin-top: 220px;  
}
}

@media screen and (max-width: 1000px) {
.scrollable-content {
    margin-top: 200px;  
}
}

@media screen and (max-width: 800px) {
.scrollable-content {
    margin-top: 180px;  
}
}

@media screen and (max-width: 700px) {
.scrollable-content {
    margin-top: 180px;  
}
}

@media screen and (max-width: 500px) {
.scrollable-content {
    margin-top: 180px;  
}
}