body{
		background: rgb(230,230,230);
		color: rgb(100,100,100);
		/* font-family: Helvetica Neue, Helvetica, Arial, sans-serif; */
		font-family: 'Titillium Web', sans-serif;	
		margin: 0px;
		padding: 0px;
	}
	body.Home{
		background: url("docs/SarvanOnMountain.jpg") no-repeat center center fixed;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size:cover;
		background-size: cover;
	}
	div.container{
		background-color: transparent;
		position: fixed;
		text-align: center;

		height: 20%;
		width: 60%;
		margin-left: 20%;
		margin-top: 10%;
		/*margin-top: 40%; */
	}
	h1.home-name{
		font-family: 'Orbitron', sans-serif;
	}
	h1{

	}
	.nav-links{
		padding-top: 0;
	}
	.nav-links a{
		display: block;
		width: 100px;
		height: 30px;
		border: 2px solid black;

		color: black;
		text-decoration: none;
		font-size: 20px;
	}
	.nav-links a:hover{
		color: white;
		font-size: larger;
		border: 2px solid white;
	}
	header{
		background-image: url("docs/SarvanOnMountain.jpg");
		background-size: 100%;
		background-position: center;
		height: 200px;
		padding: 20px 30px;
		text-align: center;
	}
	header .name a{
		/* background-image: url("NameTag.PNG");
		background-size: 300px;
		background-repeat: no-repeat;
		text-indent: -999999px; */
		top: 8px;
		position: relative;
		font-family: 'Orbitron', sans-serif;
		font-size: 40px;
		height: 90px;
		width: 260px;
		border: none;
	}
	header .name a:hover{
		border:none;
		color: white;
		font-size: 42px;
	}
	ul.header-nav{
		margin: 0;
		padding-top: 53px;
		list-style-type: none;
		color: black;
	}
	li{
		display: inline-block;
		margin-right: 20px;
	}
	.header-nav a{
		display: block;

		color: black;
		text-decoration: none;
	}
	.header-nav a:hover{
		color: white;
		font-size: larger;
	}
	section{
		background: rgb(230, 230, 230);
		color: black;
		padding: 20px;
		display: flex;
		flex-direction: row;
    }
    section.intro{
        flex-direction: column;
        position: center;
    }
    section.inProgress{
        background: rgb(230, 230, 230);
        color: black;
        font-size: 20px;
		padding: 20px;
		display: flex;
		flex-direction: column;
    }
    section.competition{
        position: center;
        flex-direction: column;
    }
    section.competition div{
        position: center;
        width: 650px;
	}
    div .general{
        text-align: justify;
		width: 650px;
    }
    .general figure{
        display: block;
		margin: 0 auto;
    }
	h1{
		color: black;
    }
    h2{
        color: black
    }
    div.title{
        position: center;
        text-align: center;
        width: 500px;
	}
	div{
        background:rgb(230, 230, 230);
		margin: auto;
    }
    .teamPart{
        text-align: justify;
        width: 650px;
    }
    .teamPart figure{
        display: block;
        margin: 0 auto;
        text-align: center;
    }
    .teamPart p{
        clear: left;
	}
	div.about-me{
		padding-top: 20px;
		display: flex;
	}
	div.me-pic{
		height: 100%;
		width: 40%;
		margin-left: 10%;
		margin-right: 10%;
	}
	.me-pic img{
		width: 100%;
		height: auto;
		border-radius: 8%;
	}
	div.me-txt{
		height: 100%;
		width: 40%;
		margin-right: 10%;
	}
	.me-h1{
		margin-left: 13%;
	}