.header{
    background-color: #FFFFFF;
    color:#AAAAAA;
    width: 180px;
    float: left;
    padding-left: 10px;
}

nav {
    width: 100%;
    background-color: #5B4C83;
    margin: 13px 13px 13px 13px;
    padding: 17px 17px 17px 17px;
    font-size: 27px;
}

nav a {
    margin: 7px 7px 7px 7px;
    padding: 7px 7px 7px 7px;
    background-color: #5B4C83;
    /*
    background-color: #7c388d;
    background-color:#FF0000; 
    */
    color:#FFFFFF;
}

.main_content{
    /*
    background-color:#fcb457; 
    */
    background-color:#76b3e6; 
    color:#FFFFFF;
    width:100%;
    margin-top:40px;
}

.footer{
    background-color: #147ed4;
    color:#FFFFFF;
    width: 100%;
    margin-top:30px; 
    padding-top:20px;
}

.pagination {
    display: inline-block;
  }
  
.pagination a {
    color: #000000;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 4px;
}
  
.pagination a.active {
    background-color: #4CAF50;
    color: FFFFFF;
    border: 1px solid #4CAF50;
}

@media screen and (max-width: 900px){
    .main_content, nav a, .footer, .header {
        float: left;
        width: 100%;
    }
}