/*!
 * Yes! This is the forked Agency theme over Bootstrap. Deal with it!
**/


body { position: relative; font-family: "Droid Serif","Helvetica Neue",Helvetica,sans-serif; font-size: .95rem; webkit-tap-highlight-color: #980A1E; scroll-behavior: smooth;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: normal;
	word-break: normal;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}
.intro-heading-sub {
	-ms-hyphens: none;
	-moz-hyphens: none;
	-webkit-hyphens: none;
	hyphens: none;
}
@media screen and (min-width: 768px) {
	.intro-heading-sub span { display: block; }
}
h1,h2,h3,h4,h5,h6,.h2,.h3,.h4,.h5,.h6, .btn-primary, .nav-item { font-family: Montserrat, "Helvetica Neue", Helvetica, sans-serif; text-transform : uppercase; font-weight: 700; }
h3,h4,h5,h6,.h3,.h4,.h5,.h6 { text-transform: none; }
.btn-primary { font-size: 1.15rem; font-weight: 700; background-color: #980A1E; border-color: #980A1E !important; color: #fff; }
.btn-primary:hover { background-color: #fec503; }
.nav-link { font-weight: 400; color: #fff; padding: 10px 15px; }
.text-muted { color: #777; }
.bg-black { background: #000; color: #eee; }
a { color: #980A1E; transition: all .1s; }
a:hover, a:focus, a:active, a.active { color: #fec503; }
.text-primary { color: #980A1E !important; }

.navbar .navbar-brand {
	display: inline-block;
	width: 150px;
	overflow: hidden;
	height: 50px;
	background: transparent url(../img/logo.png) no-repeat 27% 0;
	background-size: contain;
	text-indent: 200%;
	white-space: nowrap;
}
.navbar .nav-link { background: -webkit-linear-gradient(#eee, #333); -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: all .3s ease; }
.navbar .nav-link:hover,
.navbar .nav-link.active,
.navbar .nav-link.active:hover { background: transparent; -webkit-background-clip: none; -webkit-text-fill-color: #fff; }

header { position: relative; background: #000 url(../img/deski.jpg) no-repeat 50% 100% !important; background-size: cover !important; }
@media screen and (orientation: landscape) {
	header { min-height: calc(100vh - 66px); }
}
.btn span { display: none; }

@media screen and (orientation: landscape) {
	header .intro-text {
		position: absolute;
		top: 50%;
		right: 0;
		left: 0;
		transform: translateY(-50%);
	}
}
header .intro-text .intro-text-wrap {
	background: #000;
	max-width: 720px;
	min-height: 30vh;
	margin: 0 auto 3rem;
	padding: 3rem 0;
}
header .intro-text .intro-heading {
	display: block;
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	height: 175px;
	background: transparent url(../img/logo.png) no-repeat 50% 50%;
	background-size: contain;
	text-indent: 100%;
	white-space: nowrap;
}
header .intro-text .intro-heading-sub { text-transform: none; font-size: 18px; font-weight: normal;  }

section { padding: 5rem 0 !important; }
a:hover .text-primary { color: #fec503; }
#palvelut a .text-primary { -webkit-transition:all .1s;-moz-transition:all .1s;transition:all .1s }
.modal-content { max-width: 640px; margin: 0 auto; padding: 0 2rem; }
.modal h2 { margin-top: 4rem; }
.modal h3 { margin-top: 3rem; }
.close-up { position: absolute; top: 0; right: 1rem; left: auto; z-index: 1041; }
.close-up span { font-size: 10rem; font-weight: 400; color: #000; }
.list-unstyled { margin: 0 0 3rem; list-style-type: disc; }
img.img-responsive.img-circle { width: 90%; max-width: 400px; }
.team-member .text-muted { line-height: inherit; margin-top: 5px; }
.section-subheading.vcard { line-height: 1.4; border-radius: 2px; color: #eee; }
.section-subheading.vcard a { color: #fec503; }

section#yhteydet {
	padding-top: 10rem !important;
	color: #fff;
	background-color: #222;
	background-image: url(../img/map-fin.png);
	background-position: center;
	background-repeat: no-repeat;
}
.form-group { position: relative; }
.form-control { padding: 2rem 1rem; color: #777; background: #fff; text-transform: uppercase; font-family: Montserrat, "Helvetica Neue", Helvetica, sans-serif; font-weight: 700; z-index: 2;}
textarea.form-control { padding: 1rem 1rem 2rem; height: calc(3 * 4.79rem); }
.form-group .help-block { position: absolute; bottom: -0.8rem; left: 1rem; z-index: 1; font-size: .75rem; color: #980A1E !important; }
ul[role="alert"] { list-style: none; margin: 0; padding: 0; }

@media (min-width:768px) {
	.btn span { display: inline; }
}

img { max-width: 100%; border: .5rem solid rgba(255,255,255,0.7); box-shadow: .05rem .1rem .5rem rgba(0,0,0,0.1); }
.img-circle { border-radius: 50%; }
ul.social-buttons li a {
	display: block;
	background-color: #222;
	height: 40px;
	width: 40px;
	border-radius: 100%;
	font-size: 20px;
	line-height: 40px;
	color: #fff;
	outline: 0;
	transition: all .3s;
}
ul.social-buttons li a:hover, ul.social-buttons li a:focus, ul.social-buttons li a:active { background-color: #980A1E; }