/* CSS Document */

body { background-color: #EEEEEE; }

h1, h2, h3, h4, h5, h6 { font-family: "Bitter", serif; line-height: 115%; }
h1 { font-size: 42px; }
h2 { font-size: 38px; }
h3 { font-size: 34px; }
h4 { font-size: 30px; }
h5 { font-size: 26px; }
h6 { font-size: 22px; }

p { font-family: "Roboto", helvetica, arial; font-size: 22px; }

p.large { font-size: 26px; }

.sidebar-left { background-image: url(../images/sidebar-left.jpg); background-repeat: no-repeat; background-position: top right; background-size: auto 100%; }
.sidebar-right { background-image: url(../images/sidebar-right.jpg); background-repeat: no-repeat; background-position: top left; background-size: auto 100%; }

.main-container { margin: 0 auto; background-color: #FFFFFF; color: #4a4a4a; overflow: visible; }

.row { margin-left: 0px; margin-right: 0px; }

.row.green { background-color: #d8f1ab; }
.row.blue { background-color: #c5dff6; }
.row.orange { background-color: #fce4bd; }
.row.white { background-color: white; }
.row.black { background-color: black; }

.flag { position: top center; }
.flagGreen { background-image: url(../images/flag-green.png); }
.flagBlue { background-image: url(../images/flag-blue.png); }
.flagOrange { background-image: url(../images/flag-orange.png); }
.flagWhite { background-image: url(../images/flag-white.png); }
.flagGreen, .flagBlue, .flagOrange, .flagWhite { background-repeat: no-repeat; background-position: top center; }

.flagTopWhite { background-image: url(../images/flag-white-top.png); }
.flagTopWhite { background-repeat: no-repeat; background-position: bottom center; }

.paddingTop10 { padding-top: 10px;}
.paddingTop20 { padding-top: 20px;}
.paddingTop30 { padding-top: 30px;}
.paddingTop40 { padding-top: 40px;}
.paddingTop50 { padding-top: 50px;}

.paddingBottom10 { padding-bottom: 10px;}
.paddingBottom20 { padding-bottom: 20px;}
.paddingBottom30 { padding-bottom: 30px;}
.paddingBottom40 { padding-bottom: 40px;}
.paddingBottom50 { padding-bottom: 50px;}

.photoBG { background-size: cover; background-position: bottom center; background-repeat: no-repeat; padding-left: 0px !important; padding-right: 0px !important; }
.photoText { line-height: normal; color: black; padding: 30px; border: 4px solid black; background-color: rgba(255, 255, 255, 0.4); }

.img-default { margin-bottom: 30px; background-color: transparent; border: none; }

@media (min-width: 0px) and (max-width: 550px) {
	.content-center { width: 100%; }
	.sidebar-left, .sidebar-right { width: 0; }
	.main-container { width: 100%; }
	.row { padding-left: 20px; padding-right: 20px; }
	.flag { background-size: contain; margin-top: -125px; }
	.flag, .row.photoBG .row { padding-top: 110px; }
	.row.photoBG .row.flagOrange { padding-top: 150px; }
	.flagBottom { padding-bottom: 125px; }	
	h1, h2, h3, h4, h5, h6 { font-size: 22px !important; }
	p, .large { font-size: 19px !important; }
}

@media (min-width: 551px) {
	.content-center { width: 100%; }
	.sidebar-left, .sidebar-right { width: 0; }
	.main-container { width: 100%; }
	.row { padding-left: 50px; padding-right: 50px; }
	.flag { background-size: contain; margin-top: -125px; }
	.flag, .row.photoBG .row { padding-top: 110px; }
	.row.photoBG .row.flagOrange { padding-top: 150px; }
	.flagBottom { padding-bottom: 125px; }

@media (min-width: 992px) {
	.content-center { width: 900px; }
	.sidebar-left, .sidebar-right { width: 50%; }
	.main-container { max-width: 900px; width: 900px; }
	.row { padding-left: 100px; padding-right: 100px; }
	.flag { background-size: contain; margin-top: -125px; }
	.flag, .row.photoBG .row { padding-top: 110px; }
	.row.photoBG .row.flagOrange { padding-top: 150px; }
	.flagBottom { padding-bottom: 125px; }
}

@media (min-width: 1200px) {
	.content-center { width: 1170px; }
	.sidebar-left, .sidebar-right { width: 50%; }
	.main-container { max-width: 1170px; width: 1170px; }
	.row { padding-left: 100px; padding-right: 100px; }
	.flag { background-size: contain; margin-top: -125px; }
	.flag, .row.photoBG .row { padding-top: 125px; }
	.flagBottom { padding-bottom: 125px;}
}