/* extra/override styles for www.zoonlog.no */

body {
    background-color: #f0f0f0;
    color: #333333;
    font-size: 1.1rem;
}

footer {
    padding-top: 0;
        padding-left: var(--default-margin);
        padding-right: var(--default-margin);
}

h1 {
    margin-bottom: 1.1em;
}

img.logo {
    height: 72px; /* logo size */
    font-size: 1.4em; /* alt text */
    color: #000000;
    margin-bottom: 0;
    margin-top: 2.5rem;
}

span.heading-links {
	padding-top: 1rem;
}

.extra-top-margin {
    margin-top: 1.6em;
}

.copyright {
    color: #666;
}

.letter-right-margin {
    margin-right: 0.4em;
}

.image-row {
    text-align: center;
}

.side-image {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.5em;
    margin-bottom: 1em;
    display: block;
}

.side-image-label {
    text-align: center;
}

.big-icon {
    font-size: 3.5em;
    color: #cc00cc; 
    text-align: center;
    width: 100%;
    margin-bottom: 0;
    margin-top: 0.5em;
}

@media only screen and (max-width: 320px) {
	h1.logo img {
		width: 200px;
		height: 52px;
	}	

@media only screen and (min-width: 800px) {
    .side-image-label {
        margin-left: 2em;
    }
    .eksp-image {
        margin-right: 1em;
        border-width: 5px;
    }
    .image-row {
        /*text-align: left;*/
    }
    .side-image {
        margin-top: 3rem;
    }
}

@media only screen and (min-width: 900px) {
    main {
        max-width: 900px;
        margin: 0 auto;
    }
    .page-margin-wrapper {
        max-width: 900px;
        margin: 0 auto;
    }
}