*
{
    box-sizing: border-box;
    user-select: none;
}
body{
    font-family: arial;
    margin:0;
}
.wrapper{
    overflow-x: hidden;
    overflow-y: hidden;
    margin: 20px;
}
.headerFont{
    font-size: 4.5rem;
}
.header
{
    padding: 1rem;
    text-align: center;
    background: #296cb9;
    color: #FFF;
}
.navbar
{
    display: flex;
    background: #0F509B;
}
.navbar a{
    color: #FFF;
    text-decoration: none;
    text-align: center;
    padding: 1rem 1.4rem;
    width: 250px;
}
.navbar a:hover{
    background: #71b2fc;
    color: #000;
}
.navbar .active{
    background: #A0C7F4;
    color: #000;
}
.create_row{
    display: flex;
    flex-wrap: wrap;
}
.left_aside{
    flex:30%;
    background: #F3F3F3;
    padding: 1.6rem;
}
.main_section{
    flex: 70%;
    background: #FFF;
    padding:1.4rem;
}
.page_img
{
    background: #7D9BBF;
    padding: 1.1rem;
    text-align: center;
}
img
{
    width: 100%;
    height: auto;
}
.footer{
    padding: 1.4rem;
    text-align: center;
    background: #A3BCD9;
}
a{
    text-decoration: none;
    color: #000;
}
.members{
    font-size: 1em;
    list-style-type: circle;
}
.subtitle{
    background-color: #0F509B; 
    color: #FFF; 
    width: 100%; 
    height: 50px;; 
    margin-bottom: -18px;
    margin: 0px;
    font-size: 45px;
}
.about{
    background-color: #EEF; 
    color: #000;
    font-size: 25px;
    text-align: center;
}
/*Mobile*/
@media (max-width: 760px)
{
    .navbar
    {
        flex-direction: column;
    }
    .navbar a{
        width: 100%
    }
}
@media (max-width: 600px)
{
    .create-row, .navber
    {
        flex-direction: column;
    }
    .headerFont{
        font-size: 1.7rem;
    }
    .page_img
    {
        padding: .2rem;
    }
    .footer{
        font-size: .6rem;
    }
}