@charset 'UTF-8';
/*-----------------------------------------------------------------------------
	Main
-----------------------------------------------------------------------------*/
body, html{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #474646;
	font-size: 16px;
}
body > .site{
	overflow: hidden;
}
/*-----------------------------------------------------------------------------
	Typography
-----------------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6{
	font-family: 'Oswald', sans-serif;
}

h1 { 
	font-size: 5rem;
	font-weight: 400;
}
h2 { 
	color: #004996;
	font-size: 2.625rem;
	font-weight: 400;
	margin-bottom: 2rem;
}
h3 { 
	font-size: 1.5rem;
	font-weight: 500;
	margin-bottom: 1.5rem;
}
h4 { 
	color: #004996;
	font-family: "Open Sans";
	line-height: 1.688rem;
	font-size: 1.188rem;
	font-weight: 700;
}
h5 { font-size: 1.1428571428571428rem; }
h6 { font-size: 1rem; text-transform: uppercase; }

p{
	font-size: 1rem;
}

.text-white{
	color: #fff;
}
.text-dark{
	color: #474646;
}

.main-content ul, 
.main-content ol{
	padding-left: 1rem;
}

.main-content ul li{
	list-style: none;
	text-indent: -0.1875rem;
}

.main-content ul li::before{
	content: '\f105';
	font-size: 0.8125rem;
	left: -0.6rem;
	color: #d84a28;
}

/* Links & Buttons
-----------------------------------------------------------------------------*/
a{
	color: #e73132;
}
a:hover{
	opacity: 0.8;
}

a,
.btn,
button:not(.navbar-toggler),
input[type=button],input[type=submit] {
	-webkit-transition: all 0.2s, color 0.2s;
	-o-transition: all 0.2s, color 0.2s;
	transition: all 0.2s, color 0.2s;
}

.btn,
button:not(.navbar-toggler),
input[type=button],input[type=submit] {
	background-color: #e73132;
	box-shadow: 0 0.563rem 1.563rem rgba(0, 0, 0, 0.13);
	border-radius: 0;
	color: #fff;
	padding: 1.125rem 4rem;
	border: none;
	font-size: 1.125rem;
	line-height: 1.5rem;
	font-weight: 500;
}

a:hover,
.btn:hover,
button:not(.navbar-toggler):hover,
input[type=button]:hover,
input[type=submit]:hover{
	opacity: 0.8;
	text-decoration: none;
	outline: 0;
	color: #fff;
}

.btn.btn-link{
	background: transparent;
	color: inherit;
	box-shadow: none;
}

.btn.btn-ghost{
	color: #e73132;
	background: none;
	padding: 1.125rem 4rem;
	border: 0.125rem solid #e73132;
	box-shadow: none;
}

.btn-ghost:hover, .btn-ghost:focus{
	background: #e73132;
	color: #fff;
}

a.btn::after{
    margin-left: 1rem;
    content: "\f178";
    font-family: fontAwesome;
}
.gform_footer button,
._form ._button-wrapper button{
    padding: 1.125rem 1rem;
}
.gform_footer button::after,
._form ._button-wrapper button::after{
    margin-left: 1rem;
    content: "\f178";
    font-family: fontAwesome;
}
a.btn.btn-link::after{
	color: #e73132;
}

a.btn-service{
	padding: 1rem 2rem;
	font-size: 1rem;
}

/*-----------------------------------------------------------------------------
	Header
-----------------------------------------------------------------------------*/

.site-header{
	position: relative;
	width: 100%;
	z-index: 9;
}
.site-branding{
	z-index: 1;
	position: relative;
	display: inline-block;
}
.site-title img{
	margin-right: 1rem;
	padding: 0;
	max-width: 17.813rem;
	width: auto;
	height: auto;
}
.site-title span{
	color: #ffffff;
	font-family: Oswald;
	font-size: 1.375rem;
	font-weight: 300;
	text-transform: uppercase;
	vertical-align: middle;
	letter-spacing: .125rem;
}

/*-----------------------------------------------------------------------------
	Menu
-----------------------------------------------------------------------------*/

/* Navigation bar */

nav.navbar{
	background-color: #004996;
	padding: 0rem 2rem; 
	height: 4.688rem;
	box-shadow: 0 0 1.563rem rgba(0, 0, 0, 0.15);
}

.navbar-nav li a{
	display: block;
	position: relative;
	background: transparent;
	border-color: transparent;
	padding: 0.625rem;
	color: #ffffff;
	font-family: Oswald;
	font-size: 1.188rem;
	font-weight: 300;
}

.navbar-nav li.menu-item-has-children a{
	padding-right: 2rem;
}

.dropdown .dropdown-menu {
	visibility: hidden;
	opacity: 0;
	display: none;
	-webkit-transition: opacity 0.2s, visibility  0.2s;
	transition: opacity  0.2s, visibility  0.2s;
	margin-top: 1rem;
	background: rgba(255, 255, 255, 0.2);
	padding: 0;
	border:none;
	width: 100%;
}
.dropdown .dropdown-menu.show {
	visibility: visible;
	opacity: 1;
	display: inline-block;
}
.dropdown .dropdown-menu li a{
	padding: 1rem 0.625rem;
}

button.dropdown-toggle{
	position: absolute;
	top: 0;
	right: 0;
	padding: 0.875rem;
	background: none;
	line-height: 1;
	cursor: pointer;
}
button.dropdown-toggle:after{
	font-size: 1.2rem;
	color: #d84a28;
}


/* Mobile navigation button */

.navbar-toggler{
	position: relative;
	height: 2rem;
	width: 2rem;
}
.navbar-toggler span{
	position: absolute;
	width: 1.75rem;
	height: 0.3125rem;
	background-color: #ffffff;
	border-radius: 0.5625rem;
	left: 0;
	-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		    transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
.navbar-toggler span:first-child {
	-webkit-transform: translateY(-0.5625rem);
	    -ms-transform: translateY(-0.5625rem);
	        transform: translateY(-0.5625rem);
}
.navbar-toggler span:last-child {
	-webkit-transform: translateY(0.5625rem);
	    -ms-transform: translateY(0.5625rem);
	        transform: translateY(0.5625rem);
	-webkit-transition: all 0.2s;
		 -o-transition: all 0.2s;
			transition: all 0.2s;
}
.navbar-toggler.active span:first-child {
	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}
.navbar-toggler.active span {
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}


/* Hero
-----------------------------------------------------------------------------*/

.hero{
	position: relative;
}
.hero .container > .row{
	min-height: 26.625rem;
	position: relative;
	z-index: 2;
}
.home .hero .container > .row{
	min-height: 40.5rem;
	position: relative;
}

.cutter{
	background: #fff none repeat scroll 0 0;
    bottom: -30px;
    height: 85px;
    position: absolute;
    transform: rotate(-2deg);
    width: 110%;
    z-index: 2;
}
.shadow{
	background: #fff none repeat scroll 0 0;
    bottom: -30px;
    height: 20px;
    position: absolute;
    transform: rotate(0deg);
    width: 110%;
    z-index: 2;
}

.blue-filter{
	background-color: rgba(0,73,150,0.65);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.front-hero .phone-wrapper{
	position: absolute;
	right: 3.5rem;
	top: 2.5rem;
	z-index: 5;
}
.front-hero .phone-wrapper a{
	font-size: 1.125rem;
	line-height: 1.5rem;
	color: #fff;
	font-family: Oswald;
	font-weight: 700;
}
.front-hero .phone-wrapper a:before{
	content:"\f095";
	font-family: fontAwesome;
	color: #e73132;
	font-weight: 400;
	margin-right: .5rem;
}


/*-----------------------------------------------------------------------------
	Content / Sisältö
-----------------------------------------------------------------------------*/

/* ETUSIVU */

.hero .subtitle-wrapper{
	color: #fff;
	font-size: 2rem;
	font-weight: 400;
	line-height: 1.5rem;
	margin-bottom: 2rem;
}
.hero .event-info-wrapper{
	max-width: 33.625rem;
	margin: 1.5rem auto;
}
.hero .event-wrapper{
	color: #fff;
	font-family: Oswald;
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 1.5rem;
	text-transform: uppercase;
	align-self: center;
}
.hero .info-wrapper{
	color: #fff;
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.5rem;
	border-left: 0.125rem solid #e73132;
}

.service{
	margin-bottom: 2rem;
}
.service .image-wrapper{
	margin-bottom: 2.5rem;
}
.service .name-wrapper{
	color: #004996;
	font-family: Oswald;
	font-size: 1.875rem;
	font-weight: 500;
	margin-bottom: 1.5rem;
}
.service .desc-wrapper{
	color: #004996;
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.688rem;
	margin-bottom: 1rem;
}

#map{
	-webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
            filter: grayscale(100%);
    overflow: hidden;
    padding-bottom: 0 !important;
}
#map .cutter{
    top: 0px;
    bottom: initial;
}


/* Lounas page 
-----------------------------------------------------------------------------*/

#s2{
	background-color: #004996;
	padding: 6rem 0 8rem;
	position: relative;
}
#s2::-webkit-scrollbar{
	display: none;
}
#s2 .subtitle-wrapper{
	color: #fff;
	font-size: 1.5rem;
	font-weight: 300;
	line-height: 2rem;
	max-width: 44.375rem;
	width: 100%;
	margin: 0 auto 2rem;
}
#s2 .event-info-wrapper{
	max-width: 33.625rem;
	margin: 1.5rem auto;
}
#s2 .event-wrapper{
	color: #fff;
	font-family: Oswald;
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 1.5rem;
	text-transform: uppercase;
	align-self: center;
}
#s2 .info-wrapper{
	color: #fff;
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.5rem;
	border-left: 0.125rem solid #e73132;
}
#content .main-content{
	margin-bottom: 2.5rem;
}
#content .content-wrapper{
	padding-right: 2rem;
}
#content .content-wrapper p,
#content .content-wrapper td{
	color: #004996;
	line-height: 1.688rem;
	font-size: 1rem;
	font-weight: 300;
}
#content .content-wrapper p strong,
#content .content-wrapper td strong{
	font-weight: 700;
}
#content .content-wrapper td{
	padding: 0 2rem 0 0;
}

.lunches{
}
.lunches h2{
	color: #e73132;
	font-size: 2.188rem;
	font-weight: 400;
	line-height: 1.875rem;
}
.lunch{
	margin-bottom: 2rem;
}
.lunch .date-wrapper{
	color: #004996;
	font-family: Oswald;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.875rem;
	margin-bottom: 1rem;
}
.lunch .food-wrapper{
	color: #004996;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.688rem;
}

#feedback{
	background-color: #f8f8f8;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: initial;
	padding: 8rem 0 4rem;
	overflow: hidden;
	position: relative;
	z-index: 3;
}
#feedback .cutter{
	bottom: initial;
    top: -50px;
	box-shadow: 0rem 0.25rem 5rem 1rem rgba(0,0,0,0.08);
}
#feedback .shadow{
	bottom: initial;
    top: -15px;
	box-shadow: 0rem 0.25rem 1rem 1rem rgba(0,0,0,0.1);
}
#feedback .feedback-content .content-wrapper{
	width: 100%;
	max-width: 26.5625rem;
}
#feedback .feedback-content p{
	color: #004996;
	line-height: 1.688rem;
	font-size: 1rem;
	font-weight: 300;
}

#s4{
	background-color: #004996;
	padding: 6rem 0 8rem;
	position: relative;
}
#s4 h1{
	margin-bottom: 2rem; 
}
#s4 .subtitle-wrapper{
	color: #fff;
	font-size: 1.5rem;
	line-height: 2rem;
	max-width: 44.375rem;
	width: 100%;
	margin: 0 auto 2rem;
}
#s4 .subtitle-wrapper p{
	color: #fff;
	font-size: 1.5rem;
	line-height: 2rem;
}

#s5 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+0,000000+0,000000+0,000000+0,000000+100,000000+100&0+0,0.15+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#26000000',GradientType=0 ); /* IE6-9 */
background-size: 100% 10rem;
background-repeat: no-repeat;
background-position: center bottom;
padding-bottom: 5rem;
}
#s5 .image-wrapper img{
	margin: 1rem auto 1rem;
}
#s5 .text-wrapper h2{
	color: #004996;
	font-size: 3.438rem;
	font-weight: 400;
}
#s5 .text-wrapper p{
	color: #004996;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.688rem;
}
#s5 .text-wrapper ul{
	list-style: none;
	padding-left: .5rem;
}
#s5 .text-wrapper ul li{
	color: #004996;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.688rem;
	position: relative;
	padding-left: 1rem;
}
#s5 .text-wrapper ul li:before{
	content:"\f105";
	font-family: fontAwesome;
	position: absolute;
	top: 0;
	left: 0;
}
#s5 .text-wrapper a{
	font-weight: 600;
	text-decoration: underline;
	color: #004996;
}
#s5 .text-wrapper strong,
#s5 .text-wrapper b{
	font-weight: 600;
	color: #004996;
}

/* Landing page / Laskeutumissivu
-----------------------------------------------------------------------------*/

.form-container{
	padding: 1.5625rem 1.25rem;
	background: #EDEDED;
}

/*  Archive / Arkisto
-----------------------------------------------------------------------------*/

.archive article{
	padding-top: 0;
}

.page-numbers {
	border: 0.125rem solid transparent;
	padding: 0.375rem 0.625rem;
	display: inline-block;
	line-height: 1;
	position: relative;
}
.page-numbers.current {
	border-color:#d84a28;
}
.page-numbers:first-child::before, .page-numbers:last-child::after {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	padding-right: 0.5rem;
	position: absolute;
	top: 0.2rem;
	left: 0;
	font-size: 1.3rem;
}
.page-numbers:first-child::before {
	content: "\f104";
	left: -1.5625rem;
}
.page-numbers:last-child::after {
	content: "\f105";
	right: -5rem;
}
.page-numbers.current:first-child::before , .page-numbers.current:last-child::after{
	color: gainsboro;
}


/*-----------------------------------------------------------------------------
	Footer / Alatunniste
-----------------------------------------------------------------------------*/

footer.site-footer{
	clear: both;
	box-shadow: 0 -0.437rem 1.563rem rgba(0, 0, 0, 0.06);
	position: relative;
	z-index: 5;
}
footer.site-footer .main-col{
	padding: 5rem 1rem;
}

footer .image-wrapper{
	margin-bottom: 1rem;
}
footer .name-wrapper{
	color: #004996;
	font-family: Oswald;
	font-size: 1.5rem;
	font-weight: 500;
	margin-bottom: 1rem;
}
footer .address-wrapper{
	color: #004996;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.875rem;
}
footer .hours-wrapper{
	color: #004996;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.875rem;
	margin-bottom: .5rem;
}
footer .phone-wrapper{
	margin-bottom: 1rem;
}
footer .phone-wrapper a{
	font-size: 1.563rem;
	line-height: 2.25rem;
	color: #004996;
	font-family: Oswald;
	font-weight: 500;
}
footer .phone-wrapper a:before{
	content:"\f095";
	font-family: fontAwesome;
	color: #e73132;
	font-weight: 400;
	margin-right: .5rem;
}
footer .company-wrapper{
	color: #afc2d5;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.813rem;
}

footer .footer-nav{
	list-style: none;
	padding-left: 0;
}
footer .footer-nav li{
	position: relative;
	padding-left: 1.5rem;
}
footer .footer-nav li:before{
	content: "\f105";
	color: #ccd3db;
	font-family: FontAwesome;
	position: absolute;
	left: 0;
}
footer .footer-nav li a{
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.813rem;
	color: #fff;
}
footer .form-wrapper{
	color: #fff;
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.5rem;
}

/*-----------------------------------------------------------------------------
	Forms  / Lomakket
-----------------------------------------------------------------------------*/
.gform_body ul.gform_fields li.gfield input,
._form ._form_element input:not([type="radio"]):not([type="checkbox"]):not([type="button"]):not([type="image"]):not([type="file"]),
.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]){
	width: 100%;
	height: 3.188rem;
	background-color: white;
	color: #004996;
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.875rem;
	border: 0.063rem solid #004996;
}
.gform_body ul.gform_fields li.gfield textarea,
._form ._form_element textarea{
	width: 100%;
	background-color: white;
	color: #004996;
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.875rem;
	border: 0.063rem solid #004996;
}
.gform_wrapper label.gfield_label{
	color: #004996;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.875rem;
	margin-bottom: 0;
}
body .gform_wrapper .gfield{
	margin-top: 1.5rem;
}
body .gform_wrapper ul li.gfield:first-child{
	margin-top: 0rem;
}
body .gform_wrapper .gfield div.ginput_container {
    margin-top: .25rem !important;
}

.gform_wrapper ul.gform_fields li.gfield {
	padding-right: 0 !important;
}

.gform_footer button{
	width: 100%;
}

.gform_wrapper .gform_footer {
    margin: 0px 0 0 !important;
}

._form ._button-wrapper{
	margin-top: .5rem;
}
._form ._button-wrapper button{
	width: 100%;
}

._form_1 input[name="email"]{
	background-image: url(../images/teboil-mikkeli-icon-env.jpg);
	background-repeat: no-repeat;
	background-size: initial;
	background-position: .75rem center;
	padding-left: 2.5rem; 
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #004996;
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.875rem;
}
::-moz-placeholder { /* Firefox 19+ */
  	color: #004996;
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.875rem;
}
:-ms-input-placeholder { /* IE 10+ */
  	color: #004996;
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.875rem;
}
:-moz-placeholder { /* Firefox 18- */
  	color: #004996;
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.875rem;
}

/*-----------------------------------------------------------------------------
	Misc
-----------------------------------------------------------------------------*/

.cover-bg{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.fa-icon:after, 
ul li::before{
	position: relative;
    display: inline-block;
    font-family: 'Font Awesome 5 Pro';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.image-wrapper{
	width: 100%;
	overflow: hidden;
}
.image-wrapper img{
	max-width: 100%;
	height: auto;
}

.acf-map {
	width: 100%;
	height: 480px;
	margin: 0px 0;
}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}

.bg-blue{
	background-color: #004996 !important;
}

/*-----------------------------------------------------------------------------
	WordPress Core
-----------------------------------------------------------------------------*/

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
    white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.alignnone {
	margin: 0.3125rem 1.25rem 1.25rem 0;
}
.aligncenter, div.aligncenter {
	display: block;
	margin: 0.3125rem auto 0.3125rem auto;
}
.alignright {
	float:right;
	margin: 0.3125rem 0 1.25rem 1.25rem;
}
.alignleft {
	float: left;
	margin: 0.3125rem 1.25rem 1.25rem 0;
}
img{
	max-width: 100%;
}
a img.alignright {
	float: right;
	margin: 0.3125rem 0 1.25rem 1.25rem;
}
a img.alignnone {
	margin: 0.3125rem 1.25rem 1.25rem 0;
}
a img.alignleft {
	float: left;
	margin: 0.3125rem 1.25rem 1.25rem 0;
}
a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	background: #fff;
	border: 0.0625rem solid #f0f0f0;
	max-width: 96%; 
	padding: 0.3125rem 0.1875rem 0.625rem;
	text-align: center;
}
.wp-caption.alignnone {
	margin: 0.3125rem 1.25rem 1.25rem 0;
}
.wp-caption.alignleft {
	margin: 0.3125rem 1.25rem 1.25rem 0;
}
.wp-caption.alignright {
	margin: 0.3125rem 0 1.25rem 1.25rem;
}
.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}
.wp-caption p.wp-caption-text {
	font-size: 10.0625rem;
	line-height: 1.0625rem;
	margin: 0;
	padding: 0 0.25rem 0.3125rem;
}
.gallery-caption{}
.bypostauthor{}

/*-----------------------------------------------------------------------------
	Media queries
-----------------------------------------------------------------------------*/

/* Navigation media queries
-----------------------------------------------------------------------------*/
@media (min-width: 1200px) {
	.navbar-expand-xl .dropdown:hover .dropdown-menu {
		visibility: visible;
  		opacity: 1;
	}
	.navbar-expand-xl .dropdown .dropdown-menu{
		display: inline-block;
	}
}
@media (min-width: 1199px) {
	#s1 .text-wrapper p{
		max-width: 80%;
		margin: 0 auto;
	}
}
@media (min-width: 992px) {
	.navbar-expand-lg .dropdown:hover .dropdown-menu {
		visibility: visible;
  		opacity: 1;
	}
	.navbar-expand-lg .dropdown .dropdown-menu{
		display: inline-block;
	}
	footer.site-footer{
		background: linear-gradient(to right, #fff 33%, #004996 34%);
	}
}
@media (max-width: 991px) {
	.container {
	    max-width: 100%;
	}
	#navigation.navbar-collapse {
	    position: absolute;
	    left: 0;
	    background-color: #004996;
	    top: 75px;
	    width: 100%;
	}
	.site-branding {
		margin-left: 1rem;
	}
	.navbar-toggler {
		margin-right: 1rem;
	}
}
@media (min-width: 768px) {
	.navbar-expand-md .dropdown:hover .dropdown-menu {
		visibility: visible;
  		opacity: 1;
	}
	.navbar-expand-md .dropdown .dropdown-menu{
		display: inline-block;
	}
}
@media (max-width: 767px) {
	.site-title img {
	    max-width: 8.813rem;
	}
	.site-title span {
	    font-size: 1rem;
	}
	nav.navbar {
		padding: 0;
	}
}
@media (min-width: 575px) {
	.navbar-expand .dropdown:hover .dropdown-menu {
		visibility: visible;
  		opacity: 1;
	}
	.navbar-expand .dropdown .dropdown-menu{
		display: inline-block;
	}
}
@media (max-width: 650px) {
	h1 {
	    font-size: 3rem;
	}
	h2 {
	    font-size: 2rem;
	}

	#s5 .text-wrapper h2{
		color: #004996;
		font-size: 2rem;
		font-weight: 400;
	}
	.hero .container > .row {
	    min-height: 13.625rem;
	}
	.hero .subtitle-wrapper {
	    font-size: 1.25rem;
	    font-weight: 400;
	}
	.btn, button:not(.navbar-toggler), input[type=button], input[type=submit] {
	    padding: 1rem 2rem;
	    border: none;
	    font-size: 1rem;
	}

	#feedback .shadow{
	    top: 0px;
	}
	.service {
	    margin-bottom: 3em;
	}
	.service .image-wrapper {
	    margin-bottom: 1rem;
	}
	#s2 {
	    padding: 3rem 0 6rem;
	}
}