/* Pink hex = #e0aabb */
/* Purple hex = #9483a9 */
/* Yellow hex = #fff5ba */
/* Blue hex = #b7dbf7 */

body { 
    font-family: 'Anton';
    background-image: url("/media/grid.png");
}

p {
    font-size:30px;
    margin:10px;
    color:#FFFFFF;
}

b {
    color:#FFFFFF;
}

h1 {
    font-size:45px;
    text-align: center;
}

h1, h2, h3, h4, h5 {
    font-family:'Anton';
    color: #FFFFFF;
    margin:10px;
}

a {
    text-decoration:none;
    color: #FFFFFF;

}

h1 a, h2 a, h3 a, h4 a, h5 a {
    color: #FFFFFF;
}

h3.category-head {
    color: #FFFFFF;
    text-decoration-line: underline;
    text-decoration-style: double;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
    color: #FFFFFF;
}

#wrapper {
    max-width: 1100px;
    margin: auto;
}

.iframe-holder {
    width: 50%;
    height: auto;
}

header {
    margin-bottom: 0px;
    border: 0px;
    background-color:#e0aabb;
    max-height: 50%;
}

main {
    max-width: 1100px;
    margin:auto;
    padding:0px;
    background-color: #e0aabb;
}

/*..........................................MEDIA QUERIES...............................................*/


@media only screen and (min-width: 1100px) {
    header {margin-top:50px;}
    p {font-size:40px;}
}

@media only screen and (min-width: 600px) {
	header{width:100%; margin-left:auto; margin-right:auto; display:block;margin-top:30px;}
    #img-sizer img {height:auto;width:30%;}
    iframe {width:75%; height:60%;}
}

/* Move navbar depending on screen size */
@media screen and (max-width: 600px) {
    ul.navbar li.right, 
    ul.navbar li {float: none;}
    #img-sizer img {height:auto;width:60%;}
    body{background-image:none;background-color: #e0aabb;};
    iframe {width:50%; height:25%;}
    .navbar{margin-bottom:0px;}
    header {margin-top:20px;}
    p {font-size:20px;}
    a {font-size:15px;}
}