body {
        color: #303030;
        font: 16px 'Source Sans Pro', Arial, Helvetica, sans-serif;
        background: #ffffff;
        border-top: 5px solid #7e7e7e;
        margin: 0;
}

img {
        border: 0;
}


@media (min-width: 701px) {
	header {
        max-width: 1200px;
        margin: auto;
        padding: 20px 20px;
	}

	header div {
		float: right;
        margin-top: 15px;
        font-size: 25px;
        text-align: right;
	}
}

@media (max-width: 700px) {
	header {
        margin: auto;
        padding: 20px 20px;
	}

	header a img {
		display: block;
        margin: auto;
		width: 280px;
	}

	header div {
        margin-top: 10px;
        font-size: 25px;
        text-align: center;
	}
}

header a {
        color: #303030;
}





#header_bg { 

		background-image: url("../photos/bg_top2.jpg"); /* The image used */
		background-repeat: no-repeat; /* Do not repeat the image */
		background-size: 100%;
        		
        padding: 20px 20px;
}

#header_bg div {
        max-width: 1200px;
        margin: auto;
}

#header_bg h1 {
        color: #f0f0f0;
        font-weight: 300;
		font-size: min( 42px,  4.2vw );
 		
}

#header_bg p {
        color: #f0f0f0;
		font-size: min( 32px,  3.2vw );
}




section {
        max-width: 1200px;
        margin: auto;

        padding: 20px 20px 50px 20px;
}

section > h1 {
        color: #303030;
        font: 40px 'Source Sans Pro', sans-serif;
        font-weight: 300;
        margin: 30px 0 0 0;
        padding: 0;
}

@media (min-width: 701px) {
}
@media (max-width: 700px) {
}

.selection_ul {
        margin: 0;
        padding: 10px 0 20px 25px;
}

.selection_ul > li {
        font-size: 20px;
        font-weight: 300;
        list-style-type: square;
}

.selection_table { text-decoration: none; border-collapse:collapse; width:100%; text-align:center; margin-bottom: 40px; }
.selection_table td,.selection_table th{
    font-size: 16px; color:#303030;
    padding:10px 5px;
    line-height:25px;
    vertical-align: middle;
    border: 1px solid #E0E0E0;
}
.selection_table th{ background-color:#F0F0F0; }
.selection_table tr:hover { background-color:#eef7f7; }

@media (max-width: 550px) {
	.selection_ul > li {
        font-size: 16px;
	}
	.selection_table td,.selection_table th{
		font-size: 12px;
		padding:8px 3px;
		line-height:20px;
	}
}




@media (min-width: 701px) {
	figure {
        display: inline-block;
        margin: 0 0 40px 0;
	}

	figure img {
        display: block;
        outline: 1px solid #c9c9c9;
		height: min( 374px,  29vw );
	}

	section > figure + figure {
        margin-left: min( 20px,  1.6vw );
	}
}

@media (max-width: 700px) {
	figure {
        display: block;
        margin: 10px 0;
	}

	figure img {
        display: block;
        outline: 1px solid #c9c9c9;
		width: 90vw;
	}
}





footer {
        background: #2a2a2a;
        color: #a0a0a0;
}

#footer {
        max-width: 1200px;
        margin: auto;
        padding: 20px 20px 50px 20px;
        height: 200px;
}

footer a {
        color: #f0f0f0;
}


footer p {
        margin: 5px 0;
}

@media (min-width: 701px) {
	#footer-logo {
        float: left;
		width: 300px;
        margin-top: 20px;
        font-size: 20px;
	}
	#footer-mail {
        float: right;
        margin-top: 20px;
        font-size: 30px;
        text-align: right;
	}
}

@media (max-width: 700px) {
	#footer-logo {
		width: 260px;
        margin: 20px auto;
        font-size: 20px;
	}
	#footer-mail {
        margin: 20px auto;
        font-size: 25px;
        text-align: center;
	}
}