html, body {
    max-width: 100%;
    overflow-x: hidden;
    background-color: black;
}

.menu {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 80px;
	background-color: black;
}

.logoContainer {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	left: 20px;
	float: left;
	width: 190px;
}

.logoPosition {
	position:relative;
	float: left;
}

.myName {
	color: white;
	font-family: 'Roboto Thin', sans-serif;

	position: absolute;
	float: left;
	left: 70px;
	top: 50%;
	transform: translateY(-50%);
	letter-spacing: 2px;
	font-size: 14px;
}

.fullScreenContainer {
    position: absolute;
	top:80px;
	left:0;
	overflow-x: hidden;
}

.homePicPosition {
	float: left;
	width: 100%;
}

.modularSection {
	position: relative;
	float: left;
	width: 100%;
}

.footer {
	height: 80px;
	background-color: black;
	width: 100%;
}

.footerContent {
	position: relative;
	color: white;
	font-family: 'Roboto Thin', sans-serif;
	letter-spacing: 2px;
	top: 50%;
	transform: translateY(-50%);
	float: right;
	padding-right: 40px;
	font-size: 14px;
}

h2 {
	position: absolute;
	top:17.5%;
	left: 65%;
	color: white;
	font-family: 'Roboto Bold', sans-serif;
	font-size: 2.7vw;
}

p {
	position: absolute;
	top:28%;
	left: 65%;
	color: #c4c6c8;
	font-family: 'Roboto Bold', sans-serif;
	font-size: 1.2vw;
	width: 29%;
	letter-spacing: 0.5px;
	line-height: 2vw;
}

.forLightBackgrounds {
	color: black;
}

a {text-decoration: none}

.button {
	position: absolute;
	top:45%;
	transform: translateY(-50%);
	left: 65%;
	color: white;
	font-family: 'Roboto Black', sans-serif;
	font-size: 1vw;
	background-color: black;
	padding: 0.7vw 1.5vw 0.7vw 1.5vw;
	letter-spacing: 3px;
	text-decoration: none;
	border-radius: 30px;
}

@media screen and (max-width: 1000px) {
    .fullScreenContainer {
    	left: -240px;
    	right: 0px;
    }
    .homePicPosition {
        width: 1240px;
    }
    h2 {
		top:17.5%;
		font-size: 24px;
    }
    p {
		top:26%;
		font-size: 12px;
		width: 29%;
		line-height: 20px;

	}
	.button {
		top:40%;
		font-size: 10px;
		padding: 6.3px 13.5px 6.3px 13.5px;
	}
	.footerContent{
		font-size: 12px;
		padding-right: 30px;
		text-decoration: none;
	}
}


	@media screen and (max-width: 819px) {
    .fullScreenContainer {
    	left: -400px;
    }
    .footerContent{
		font-size: 10px;
	}

    @media screen and (max-width: 616px) {
    .fullScreenContainer {
    	left: -450px;
    }
    h2 {
    	top: 11.5%;
    }
    p {
    	top: 20%;
    	width: 30%;
    }
    .button {
    	top: 34%;
    }

    @media screen and (max-width: 512px) {
    h2 {
    	top: 5.5%;
    	font-size: 23px;
    }
    p {
    	top: 12.5%;
    	width: 34%;
    	font-size: 11px;
    }
    .button {
    	top: 26%;
    	font-size: 9px; 
    }


}