/* ----------------------------------------- */ /* Innehållsmall: Sidor - start */ /* ----------------------------------------- */ #window { } #head { display: table; width: 100%; height: 100%; } #headtext { display: table-cell; vertical-align: middle; color: #fff; font-size: 32px; width: 40%; background: url('/wp-content/uploads/2017/02/kontaktbg.png') repeat-y; padding-left: 40px; font-weight: bold; } #headimg { display: table-cell; vertical-align: top; width: 60%; } #headimg img { width: 100%; height: auto; } #innehall { display: table; background: #2C4A8B; width: 100%; margin-top: -3px; } #innetext { display: table-cell; vertical-align: top; width: 65%; background: #fff; padding: 20px 40px 40px 40px; } #blatext { font-weight: bold; color: #2C4A8B; margin-top: 20px; margin-bottom: 20px; } #inneside { display: table-cell; vertical-align: top; width: 25%; background: url('/wp-content/uploads/2017/02/web_monster.jpg') repeat-y; } /* IPHONE */ @media only screen and (min-device-width : 320px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio: 2) { #headtext, #headimg, #innetext, #innehall { display: block; width: 100%; } #headtext { width: calc(100% - 40px); padding-top: 1px; padding-bottom: 40px; } #innemiddle { display: block; width: 0%; } #inneside { display: none; } #firsttext, #secondtext { padding-left: 20px; } #omraden { padding: 8px 0 10px 20px; } #innetext { padding: 0px; padding-left: 20px; width: calc(100% - 20px); padding-bottom: 20px; } #innehall { background: #fff; padding-right: 20px; width: calc(100% - 20px); } #sidetop, #sidebottom { padding: 20px 20px; } } /* ----------------------------------------- */ /* Innehållsmall: Sidor - slut */ /* ----------------------------------------- */