* {
    box-sizing:border-box;
}


/* BODY ======================================================================*/
body {
    margin:0px;
    padding:0px;
    font-size:100%;
    font-family:"Palatino Linotype", palatino, georgia, serif;
    background-size:cover;
}

body.artscience {
    background:rgb(255,55,115) url("images/main/scienceArt.jpg") no-repeat center;
    background-size:cover;
}

body.art {
    background:rgb(255,150,30) url("images/main/art.jpg") no-repeat center;
    background-size:cover;
}

body.science {
    background:rgb(75,230,160) url("images/main/science.jpg") no-repeat center;
    background-size:cover;
}

body.members {
    background:rgb(255,255,70) url("images/main/members.jpg") no-repeat center;
    background-size:cover;
}

body.about {
    background:rgb(180,255,60) url("images/main/about.jpg") no-repeat center;
    background-size:cover;
}

/*body.shop {
    background:rgb(255,200,240);
}*/


h2, p, a {
    font-size:1.5em;
}

h1 {
    font-size:2em;
}

/* HEADER ====================================================================*/
header {
    position:fixed;
    z-index: 1;
    top:0;
    overflow:hidden;
    width:100%;
    height:100px;
    margin:0;
    padding:0;
    background:rgb(0,0,0);
}

header img {
	position:absolute;
	height:100px;
	top:0;
	left:50%;
	-ms-transform: translate(-50%, 0%); /* IE 9 */
	-webkit-transform: translate(-50%, 0%); /* Safari and Chrome */
	-o-transform: translate(-50%, 0%); /* Opera */
	-moz-transform: translate(-50%, 0%); /* Firefox */
	transform: translate(-50%, 0%);
	padding:0;
    }

header nav {
    display:none;
}


/* ASIDE =====================================================================*/
aside a {
	display:none; /*inline-block;
	padding:17px;
	border-right:1px solid rgb(0,0,0);
	border-left:1px solid rgb(0,0,0);*/
}

/*article {
	width:100%;
	padding-top:5%;
}*/



/* ARTICLE ===================================================================*/
img.banner {
    width:100%;
/*    min-width:800px;*/
}
img.members{
    float:left;
    width:35%;
    padding-right:30px;
    padding-left:5%;
}

article {
    float:right;
    width:100%;
/*    padding:110px 5% 0 5%;*/
    padding:120px 0px 0px 0px;
    background-color:rgb(255,255,255);
    /*background-color:rgba(255,255,255,0.7);*/
}

article div.button{
    overflow:hidden;
}

article div.button a {
    display:block;
    margin:0;
    padding:0;
    padding:10px;
    width:6em;
    border:1px solid rgb(0,0,0);
    border-radius:7em;
    text-align:center;
}

article div.button a:link {
    text-decoration:none;
    color:rgb(0,0,0);
}

article div.button a:hover {
    background-color:rgb(252,60,100);
    color:rgb(255,255,255);
}

a.prev {
    float:left;
}

a.next {
    float:right;
}

article div,h1,h2,p {
    padding-left:5%;
    padding-right:5%;
}


.buy {
    font-size:1.1em;
    color:rgb(0,0,0);
    font-weight: bold;
    text-decoration: none;
}

h2 a:link {
    font-size:1.1em;
    color:rgb(0,0,0)
}

.artLink:link {
    text-decoration:none;
    color:rgb(255,50,50);
    font-size:1em;
}

/* FOOTER ====================================================================*/
footer {
    clear:both;
    padding:10px;
    text-align:center;
    background:rgb(0,0,0);
    color:rgb(255,255,255);
}

footer a:link {
    text-decoration:none;
    color:rgb(255,255,255);
}




/* FLEX =====================================================================*/
@media (min-width:1200px) {
    header img {
        position:relative;
        float:left;
        max-height:100%;
        padding:0 0 0 5%;
        left:5%;
    }
    header nav {
        display:block;
        overflow:hidden;
        position:absolute;
        right:0;
        top:50%;
        width:950px;
        padding:0;
        margin-top:auto;
        margin-bottom:auto;
        -ms-transform: translate(0%, -50%); /* IE 9 */
        -webkit-transform: translate(0%, -50%); /* Safari and Chrome */
        -o-transform: translate(0%, -50%); /* Opera */
        -moz-transform: translate(0%, -50%); /* Firefox */
        transform: translate(0%, -50%);
    }
    header nav a {
        float:left;
        text-align:center;
        width:16%; /*16.6% 7em;*/
        padding:15px 10px;
        margin:0;
    }
    header nav a:link {
        text-decoration:none;
        border:1px solid rgb(0,0,0);
        border-radius:7em;
        color:rgb(255,255,255);
    }
    header nav a:hover {
        /*border:1px solid rgb(252,60,100);*/
        border-radius:7em;
        background-color:rgb(200,50,50);
    }
    header nav a.here {
        border:1px solid rgb(0,0,0);
        border-radius:7em;
        background-color:rgb(255,255,255);
        color:rgb(0,0,0);
    }



aside {
    position:fixed;
    width:20%;
    height:100vh;
    margin:0;
    padding:110px 0 0 0;
    text-align:center;
    overflow:auto;
    z-index:-1;
}

aside a {
    display:block;
    margin:0;
    padding:5px;
}

aside a:link {
    text-decoration:none;
    color:rgb(0,0,0);
}

aside a:hover {
    background-color:rgb(252,60,100);
    color:rgb(255,255,255);
}

article {
	width:80%;
/*	padding-top:5%;*/
}

/*img.banner {
    width:100%;
    max-width:1200px;
}*/

/*@media (max-width:1200px) {*/


}


@media (max-width:800px) {
    img.members{
	float:none;
	width:85%;
	padding:0px;
	padding-left:5%;
    }
}