@media screen and (min-width: 1000px) {
body
{
	padding: 2em;
	margin: 0;
	
    background: url(../img/bg2.jpg) no-repeat center center fixed; 
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

h1 {margin: 0 0 5px 0; letter-spacing: 0.3em; font: normal 3.5em Georgia, serif; color: #ffffff;}
h2 {margin: 0 0 5px 0; letter-spacing: 0.1em; font: normal 2.0em Georgia, serif; color: #ffffff;}
h3 {margin: 10px 0 5px 0; letter-spacing: 0.1em;}
h4 {margin: 10px 0 3px 0; padding: 0 0 0 5px; letter-spacing: 0.1em; font: 1.2em; color: #ffffff; background: #4a0003;}
p {margin: 0 0 5px 0;}


/* sidlayout */
#layout {width: 100%; margin-left: auto; margin-right: auto; }
#sidhuvud {padding: 1em; margin: 0; color: #ffffff;}



#opacitybox
{
float: left;
margin: 0;
padding: 1em;
background: #4a0003;
opacity: 0.8;
filter: alpha(opacity=80);
line-height: 1.8em;
color: #ffffff;
}


#main2 {float: middle; padding: 1em; background: #111111; opacity: 0.6; filter: alpha(opacity=70); line-height: 1.8em; font: normal 1.1em Georgia, serif; color: #ffffff; border-radius: 20px;}
#main {float: middle; padding: 1em; background: rgba(1, 1, 1, 0.5); line-height: 1.8em; font: normal 1.1em Georgia, serif; color: #dddddd; border-radius: 20px;}
#jump {clear: both;}
#sidfot { padding: 10px; border-top: 1px solid #af1400;	border-bottom: 1px solid #af1400; color: #af1400;}

input[type="text"],input[type="password"]{
	margin-top: 30px;
	height: 45px;
	width: 200px;
	font-size: 18px;
	margin-bottom: 20px;
	background-color: #fff;
	padding-left: 40px;
}

.form-input::before{
	content: "\f007";
	font-family: "FontAwesome";
	padding-left: 07px;
	padding-top: 40px;
	position: absolute;
	font-size: 35px;
	color: #2980b9; 
}

.form-input:nth-child(2)::before{
	content: "\f023";
}

.btn-login{
	padding: 15px 25px;
	border: none;
	background: #00b6df;
	color: #fff;
}
.btn-login2{
	padding: 15px 25px;
	border: none;
	background-color: #27ae60;
	color: #fff;
}

/* meny */
#meny a{text-decoration: none; background: #111111; padding: 0.2em 1em; border-radius: 20px; opacity: 0.6; filter: alpha(opacity=70);}
#meny a:link{color: #FFFFFF;}
#meny a:visited{color: #FFFFFF;}
#meny a:hover{text-decoration: none; color: #FFFFFF; opacity: 0.4; }
#meny a.current{color: #FFFFFF; opacity: 0.8;}
}
@media screen and (max-width: 1000px) {
body
{
	padding: 2em;
	margin: 0;
	
    background: url(../img/bg2.jpg) no-repeat center center fixed; 
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
h1 {margin: 0 0 5px 0; letter-spacing: 0.3em; font: bold, normal 2.5em Georgia, serif; color: #ffffff;}
h2 {margin: 0 0 5px 0; letter-spacing: 0.1em; font: normal 2.0em Georgia, serif; color: #ffffff;}
h3 {margin: 10px 0 5px 0; letter-spacing: 0.1em;}
h4 {margin: 10px 0 3px 0; padding: 0 0 0 5px; letter-spacing: 0.1em; font: 1.2em; color: #ffffff; background: #4a0003;}
p {margin: 0 0 5px 0;}
input[type="text"],input[type="password"]{
	margin-top: 30px;
	height: 45px;
	width: 200px;
	font-size: 18px;
	margin-bottom: 20px;
	background-color: #fff;
	padding-left: 40px;
}

.form-input::before{
	content: "\f007";
	font-family: "FontAwesome";
	padding-left: 07px;
	padding-top: 40px;
	position: absolute;
	font-size: 35px;
	color: #2980b9; 
}

.form-input:nth-child(2)::before{
	content: "\f023";
}

.btn-login{
	padding: 15px 25px;
	border: none;
	background: #00b6df;
	color: #fff;
}
.btn-login2{
	padding: 15px 25px;
	border: none;
	background-color: #27ae60;
	color: #fff;
}
#meny a{margin: 0px 0px 0px 0px; text-decoration: none; background: #111111; padding: 0.2em 1em; border-radius: 20px; opacity: 0.6; filter: alpha(opacity=70);}
#meny a:link{color: #FFFFFF;}
#meny a:visited{color: #FFFFFF;}
#meny a:hover{text-decoration: none; color: #FFFFFF; opacity: 0.4; }
#meny a.current{color: #FFFFFF; opacity: 0.8;}
#main2 {float: middle; padding: 1em; background: #111111; opacity: 0.6; filter: alpha(opacity=70); line-height: 1.8em; font: normal 1.1em Georgia, serif; color: #ffffff; border-radius: 20px;}
#main {float: middle; margin: 10px 0 5px 0; padding: 1em; background: rgba(1, 1, 1, 0.5); line-height: 1.8em; font: normal 1.1em Georgia, serif; color: #ffffff; border-radius: 20px;}
}