body { background-color: #F8F8F8; padding: 0 10px; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { font-family: 'Open Sans', sans-serif; font-size: 15px; }

h1, h2, h3, h4, h5, h6 { font-family: 'Alegreya', serif; }
h1, h2, h3 { font-weight: normal; }
h1 { font-size: 40px; }
h2 { font-size: 34px; }
h3 { font-size: 28px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 15px; }

a { color: DimGray; }
a:hover { color: CadetBlue; }

.column, .columns { padding: 0 20px; }
p { margin: 12px 0; text-align:justify; }

ul { margin-left: 17px; }
ol { margin-left: 20px; }


.container {
  max-width: 900px;
  margin: 0 auto 20px;
  border: 1px solid #EEE;
  background-color: White;
  box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.2);
}



.top-bar h1 {
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
}

.top-bar { margin: 0; background: Orange; }
.top-bar ul > li { transition: background 1s; -webkit-transition: background 1s; }
.top-bar ul>li:not(.name):hover, .top-bar ul>li:not(.name).active, .top-bar ul>li:not(.name):focus { box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.2); background: OrangeRed; }

.top-bar ul > li a:not(.button) { color: White; transition: color 1s; -webkit-transition: color 1s; }
.top-bar ul > li:not(.name):hover a, .top-bar ul > li:not(.name).active a, .top-bar ul > li:not(.name):focus a { text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7); text-decoration:none; color: Snow; }

.top-bar ul > li.has-dropdown .dropdown { background: Orange; }
.top-bar ul > li.has-dropdown .dropdown li { background: Orange; }
.top-bar ul > li.has-dropdown .dropdown li a:hover, .top-bar ul > li.has-dropdown .dropdown li a:focus { box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.2); background: OrangeRed; }



footer h1 { font-size: 1px; color: White; }

footer ul.dropdown { display: none; }



.responsive-video {
    height: 0; padding-top: 25px; padding-bottom: 67.5%; margin-bottom: 10px; position: relative; overflow: hidden;
}
.responsive-video.vimeo {
    padding-top: 0;
}
.responsive-video.widescreen {
	padding-bottom: 57.25%;
}
.responsive-video embed, .responsive-video iframe, .responsive-video object, .responsive-video video {
    top: 0; left: 0; width: 100%; height: 100%; position: absolute;
}
@media (max-width: 767px) {
    .responsive-video {
        padding-top: 0;
    }
}


@media only screen and (max-width: 767px) {  }


@media only screen and (max-width: 479px) {

	.column, .columns { padding: 0 12px; }
	
	h1 { font-size: 32px; }
	h2 { font-size: 28px; }
	h3 { font-size: 24px; }
	h4 { font-size: 20px; }
	h5 { font-size: 18px; }
	h6 { font-size: 15px; }

}