Как сделать меняющийся масштаб блока?

При уменьшении окна браузера блок "контент" не подгоняется под размер окна. Как исправить? 

* {
margin: 0;
padding: 0;
}

.logo {
background-color: #3c3c60;
height: 200px;
position: relative;
}

.logo1 {
color: black;
position: absolute;
top: 40px;
left: 400px;
font-size: 80px;

}

.logo_text {
position: absolute;
top: 120px;
left: 400px;
}

.menu {
position: absolute;
top: 210px;
right: 10px;

}

.menu a {
color: #ffffff;
display: inline-block;
padding: 20px;
background-color: #3c3c60;
width: 200px;
height: 50px;

}

.menu a:hover {
color: white;
background-color: #88cb0b;
}

ul {
list-style: none;
}

a {
text-decoration: none;
}

.content {
background-color: #3c3c60;
width: 900px;
height: 600px;
position: fixed;
top: 100px;
left: 200px;
padding: 20px;
overflow-y: scroll;

}

.two {
background-color: white;
padding: 2px;
border-radius: 20px;
float: left;
margin: 10px 10px 0px 10px;
}