html { font-size: 16px; height: 100%; }
body { font-family: "open-sans", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; font-style: normal; line-height: 24px; padding: 0; background: #fff; color: #575756; margin: 0; }
h1 { font-size: 2rem; line-height: 2.1rem; padding: 20px 0; color: #575756; font-weight: 700; }
h2 { font-size: 42px; line-height: 2.1rem; padding: 20px 0; color: #575756; }
h3 { font-size: 32px; color: #575756; margin: 30px 0 20px 0; }
h4 { font-size: 19px; color: #575756; margin: 30px 0 20px 0; font-weight: 400; }
h5 { font-size: 1rem; color: #575756; margin: 30px 0 20px 0; }
p { font-size: 1rem; line-height: 1.75rem; }
p strong { color: #262626; font-style: normal; font-weight: 700; line-height: 20px; }
a { -webkit-transition: all 0.2s; transition: all 0.2s; color: #08c; text-decoration: none; }
a:hover { color: #005580; text-decoration: underline; }
ul { list-style-type: none; margin: 20px 0 60px 0; padding: 0; }
.floatleft { float: left; }
.container { margin: auto 0; padding: 20px; box-sizing: border-box; }
.containertop { margin: auto 0; box-sizing: border-box; }
.container .large { max-width: 1300px; box-sizing: border-box; margin: auto; }
.container .small, .containertop .small { margin: auto; max-width: 760px; box-sizing: border-box; }
.column { box-sizing: border-box; }
.column .full { width: 100%; }
.column .left { vertical-align: top; width: 50%; display: inline-block; padding-right: 30px; box-sizing: border-box; }
.column .right { vertical-align: top; width: 49%; display: inline-block; padding-left: 30px; box-sizing: border-box; }
#webbsida .logo a { background-image: url(../images/kiro_logo.jpg); background-repeat: no-repeat; background-size: cover; display: block; height: 82px; width: 252px; margin: 0; }
#webbsida .ref .small img { width: 100%; margin: 0 auto; margin: 20px 0 0 0; }
#webbsida .ref .large img { width: 100%; margin: 0 auto; }
.mittref { display: block; height: 320px; width: 200px; position: relative; right: -300px; top: -100px; }
.social { text-align: center; }
.social ul { margin-top: 40px; }
.social li { display: inline-block; }
.social li:hover { opacity: 1; cursor: pointer; cursor: hand; }
a.btn { border-radius: 10px; padding: 12px 50px; color: #1C8EB3; font-size: 13px; text-transform: uppercase; font-weight: 700; background: none repeat scroll 0% 0% #FFFFFF; transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -webkit-transition: .25s ease-in-outdisplay: inline-block; margin-bottom: 0px; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid #49a5c2; white-space: nowrap; padding: 12px 24px; line-height: 1.66667; -moz-user-select: none; -webkit-box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.43); -moz-box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.43); box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.43); text-decoration: none; text-shadow: 0 1px 1px rgba(255,255,255,0.75); }
.btn:focus, .btn:hover { color: #fff; background: none repeat scroll 0% 0% #FFF; background-color: #49a5c2; text-shadow: 0px 1px 1px #156B86; transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -webkit-transition: .25s ease-in-out; text-decoration: none; }
.footer hr { margin: 10px 0; border: 0; border-top: 1px solid #ccc; border-bottom: 1px solid #fff; }
.footer p.bottom { font-size: 14px; }
.footer p.bottom a, .overtop a, .fotkontakt li a { color: #fff; text-decoration: none; }
.footer p.bottom a:hover, .overtop a:hover, .fotkontakt li a:hover { color: #fff; text-decoration: underline; }
.footer p span.footdate { font-size: 14px; }
.footer .pull-right { float: right; }
.footer .pull-left { float: left; font-size: 14px; }
.footer { background: #575756; background: -moz-linear-gradient(top, #575756 0%, #262626 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#575756), color-stop(100%,#262626)); background: -webkit-linear-gradient(top, #575756 0%,#262626 100%); background: -o-linear-gradient(top, #575756 0%,#262626 100%); background: -ms-linear-gradient(top, #575756 0%,#262626 100%); background: linear-gradient(to bottom, #575756 0%,#262626 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575756', endColorstr='#262626',GradientType=0 ); display: inline-block; width: 100%; color: #fff; margin-top: 20px; /* padding: 0px 20px 4px 20px; */ }
.overtop { background: #26bdef; background: -moz-linear-gradient(top, #26bdef 0%, #1c8eb3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#26bdef), color-stop(100%,#1c8eb3)); background: -webkit-linear-gradient(top, #26bdef 0%,#1c8eb3 100%); background: -o-linear-gradient(top, #26bdef 0%,#1c8eb3 100%); background: -ms-linear-gradient(top, #26bdef 0%,#1c8eb3 100%); background: linear-gradient(to bottom, #26bdef 0%,#1c8eb3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26bdef', endColorstr='#1c8eb3',GradientType=0 ); height: 32px; margin: 0px; padding: 0px 20px; color: #fff; font-size: 11px; }
.topkiro .first, .tel-mobil .first, .footer .fotkontakt img { margin: 0 5px 0 0px; }
.topkiro img, .fotkontakt img, .tel-mobil img { margin: 0 5px 0 20px; vertical-align: middle; }
.overtop p { font-size: 11px; margin: 0px 0px 5px; }
.fotkontakt h4 { color: #fff; opacity: 0.76; }
.fotkontakt li { float: left; margin: 0 20px 0 0px; font-size: 11px; }

@media screen and (max-width:768px) {
	#webbsida .logo a {  height: 54px; width: 168px; }
	#webbsida .small img { width: 100%; }
	#webbsida .ref .small img.kiropraktorerna { width: 352px; }
	#webbsida h1 { font-size: 1.6rem; }
	.column .left { width: 100%; padding-right: 0; }
	.column .right { width: 100%; padding-left: 0; }
	.footer p.bottom { text-align: center; }
	.footer .pull-right { float: none; }
	.footer .pull-left { float: none; font-size: 14px; }
	.footer .small img { width: auto; }
	.fotkontakt li { float: none; margin: 0 0 10px 0; }
	.overtop p, .fotkontakt li { font-weight: bold; }
	.overtop .hidden { display:none; visibility: hidden; }
}

@media screen and (max-width:480px) {
	#webbsida .ref .small img.kiropraktorerna { width: 100%; }
}