/*
	layout_desktop.css
	layout für große bildschirme
*/
@import "main.css";

@font-face{
	font-family:"CraftyGirls";
	src:url("../CraftyGirls.ttf");
}


html, body{
	max-height:100%;
}
html{
    background-image:url('../images/01s.jpg');
	background-color:#123456;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	height:100vh;
}
@media (min-width: 601px) {
    html{
        background-image:url('../images/01.jpg');
    }
}
body{
	text-align:center;
	font-family:'CraftyGirls';
	position:absolute;
	bottom:0;
	width:100%;
}
h1{
    font-size:333%;
    padding:0;
    text-align:center;
}
@media (min-width: 601px) {
    h1{
	    font-size:400%;
	    padding: 10px 0;
    }
}
p{
	padding:15px 0;
	text-align:justify;
}

#wrapper{
	border-width:1px 1px 0;
	border-style:solid;
	border-radius:10px 10px 0 0;
	background-color:rgb(180,0,5);
	background-color:rgba(180,0,5,.9);
	box-shadow:0 0 2px 4px rgba(180,0,5,.9),
		0 0 50px 4px #000;
	color:#fffff0;
	padding:10px 2px;
	width:100%;
	min-width:310px;
	box-sizing:border-box;
}
@media (min-width: 601px) {
    #wrapper{
        position:relative;
	    left:20%;
	    width:375px;
	}
}
#logo{
	height:70px;
	background-image:url(../images/logo_ppoe.png);
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
}
#content{
	padding:5px 0;
}