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

* {
    box-sizing: border-box;
}

/*För mobiler och grundinställningar för size-*/
[class*="size-"] {
	width: 98%;	
	float: left;  
	margin:1%;
}
/* För läsplattor t.ex. Ipad */
@media only screen and (min-width:550px){
.size-1 {width:48%;}
}

/* För Datorskärm */
@media only screen and (min-width:768px){
.size-1 {width:31.3%;}
}

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

body {font-family: Verdana, sans-serif; font-size:13px;}

p {text-align:justify;}

header, nav, section, article, footer {border:1px solid grey; margin:5px; padding:8px;max-width:1400px;
                                        margin-left:auto;margin-right:auto;}

nav {background:#9CF;}
nav ul {list-style-type:none; margin:0; padding:0;}
nav ul li {display:inline; margin:5px;}
nav a:link {text-decoration: none;}
nav a:visited {text-decoration: none;}
nav a:hover {text-decoration: underline; background:#FFC; font-weight:bold;}
nav a:active {text-decoration: none;}

header, footer {background:#5F9EA0;}

article {background:#F0F8FF;min-height:400px;}

#reklam { 
			font-family:"Comic Sans MS", cursive;
			font-size: 20px;
			/*Display:flex möjliggör centreringen av texten*/
			display: flex; 
			justify-content: center;			
			color: white; 
} 
#reklam::before { 
			content: ""; 
			animation: textanimate infinite 10s; 
			padding-left: 10px; 
		} 
@keyframes textanimate{
    0% {content:"Besog de danske fyrtårne"; }
    50% {content:"åben maj til august";}
    100% {content:"alle dage!";}
}