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

body{
        background-color: #DFDFDF;
        font-family:Verdana, sans-serif;
        font-size: 15px;
        line-height:150%;
    }
    .vamiacolor {
        background-color:#006983;
        color:#FFF;
    }
    .vamiatextcolor {
        color:#006983;
        font-weight:bold;
    }
    nav a:link {
        text-decoration:none;
    }
    .moviecontainer{
		position:relative;
		width:100%;	
		padding-bottom:56.25%;
		height:0;	
	}
	.moviecontainer iframe{
		position:absolute;
		top:0;
		left:0;
		width:95%;
		height:95%;
	}
	
	nav {	
		background-image: url("pictures/bg4.webp");	
		background-size: cover;
		background-position: top center;
	
	}
    section a:link, section a:visited {
        text-decoration:underline;
        color:coral;
    }
	@media screen and (min-width: 601px) {
		.prog {
			font-size: 36px;
			text-shadow:1px 1px 0 #444;
		}
		.text{
			text-shadow:1px 1px 0 #444;
			line-height: 150%;
			font-size: 32px;
		}
	}

	@media screen and (max-width: 600px) {
	  .prog {
		font-size: 22px;
		text-shadow:1px 1px 0 #444;
	  }
	.text{
			text-shadow:1px 1px 0 #444;
			line-height: 150%;
			font-size: 24px;
		}
	}