#content-sidebar-wrapper {
    margin: 0 auto;
    max-width: 1100px;
    padding: 100px 0
}

#content-sidebar-wrapper h1 {
    color: #01357e;
    font-size: 70px;
    font-weight: 300;
    text-align: center
}

#content,#sidebar {
    float: right
}

#content {
    width: calc(100% - 350px);
    margin: 0;
    padding: 0 50px
}

#sidebar {
    width: 249px;
    border-right: 1px solid #b5b5b5
}

#sidebar ul {
    list-style-type: none
}

#sidebar ul li a {
    color: #404040;
    display: inline-block;
    padding: 10px 20px;
    font-weight: 700;
    text-decoration: none;
    width: calc(100% - 40px)
}

#sidebar ul li a:hover {
    background-color: hsla(0, 0%, 95%, 1);
}
@media only screen and (max-width: 750px) {
	#content,#sidebar {
    	float: none;
    	margin: 0 auto;
    	padding: 0 50px;
    	width: calc(100% - 100px);
	}
	#sidebar {
		border: 0;
		margin-top: 50px;
	}
	#sidebar ul {
		box-shadow: 0 0 10px rgba(0,0,0,.25);
		padding: 20px;
	}
	#sidebar ul li a {
		color: #01357e;
		padding: 20px;

	}
}