@charset "utf-8";
/* CSS Document */

*{
	box-sizing: border-box;
}

[class*="size-"] {
	float: left;
}

@media only screen and (min-width: 1px){
	.size-1 {width: 100%; float: left;}
}

@media only screen and (min-width: 550px){
	.size-1 {width: 50%; float: left; min-height: 700px;}
}

section::after{
	content:"";
	clear:both;
	display: block;
}

body {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 14px;
	max-width: 1400px;
	margin: 0 auto;
}

hr {
	width: 20%;
	color: white;
}

article li {
	line-height: 200%;
}

footer {
	background: #006983;
	color: white;
	padding: 5px;
	height: auto;
}

article h1 {
	font-size: 20px;
	font-family: Verdana, "sans-serif";
	padding: 0 10px;
}

.headerimage {
	width: 100%;
	height: auto;
}

.imgstyle1 {
	display: block;
	margin: 0 auto;
	width: 80%;
	height: auto;
	padding: 10px 0;
}

.imgstyle2 {
	display: block;
	margin: 0 auto;
	width: 80%;
	height: auto;
	padding: 20px 0;
}
.part1 {
	width: 50%;
	float: left;
}

.part2 {
	width:50%;
	float:left;
}

#utbildningar {
	background-color: #006983;
	color: white;
	font-size:20px;
	font-family: Verdana, "sans-serif";
	text-align: center;
}

#programutvecklare {
	background-color: #F4587A;
	color: white;
}

#merkonom {
	background-color: #FFCB4F;
	color: black;
}

#mediatjanster {
	background-color: #DD4814;
	color: white;
}

#kock {
	background-color: #B2D79D;
	color: black;
}

#servitor {
	background-color: #6673B6;
	color: white;
}

#sakerhetsvakt {
	background:rgba(255,203,79,0.5);
	color: black;
}

#narvardare {
	background:rgba(244,88,122,0.5);
	color: black;
}

nav {background:#DDD;padding:5px 10px;}
nav ul {list-style-type:none; margin:0; padding:0;}
nav ul li {display: inline; margin:5px;}
nav a:link, a:visited {
	text-decoration: none;
	color: #000;
}

nav a:hover {text-decoration: underline; background:#FFC; font-weight:bold;}

.castro {
	position: relative;
}

.toptext {
	position: absolute;
	top: 10%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: Verdana, "sans-serif";
	font-size: 22px;
	color: white;
}

.bottomtext {
	position: absolute;
	top: 85%;
	left: 50%;
	transform: translate(-50%, -80%);
	font-family: Verdana, "sans-serif";
	font-size: 22px;
	color: white;
}

.imgstyle4 {
	margin:0 auto;
	width: 100%;
	height: auto;
}