#font
{
	height:100%;
	font-family: "Amatic SC", sans-serif;
	margin:0px;
	font-size:24px;
}
header, section, footer, aside, nav, main, article, figure 
{
	display: block; 
} 
.topnav
{
	top:0;
	position:fixed;
	width:100%;
	z-index:1;
	/*display:none!important;*/
}
.topnav a
{
	padding:0 100px;
	border-bottom:3px solid transparent;
	-webkit-transition:border-bottom .25s;
	transition:border-bottom .25s;
	list-style-type:none;
}

.topnav .w3-dropd a
{
	border-bottom:0;
}

.navbar
{
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
	text-align:center;
	display:block;
	padding:8px 16px;
	color:#fff!important;
	background-color:#000!important;
	opacity:0.60;
	-webkit-backface-visibility:hidden;
	position:static;
	font-size:24px!important;
	width:100%;
	outline:none;
	border:none;
}
.navbar:hover
{
	opacity:1;
	-webkit-backface-visibility:hidden;
}
.navbar li
{
	float:left;
	display:block;
	padding:8px 16px;
}
.navbar a
{
	text-decoration:none!important;
	color:white; 
}
.navbar li a:hover
{
	color:#000;
	background-color:#ccc;
}

.footer
{
	padding-top: 48px;
	padding-bottom: 48px;
	text-align:center;
	font-size:36px!important;
	background-color:#000;
	color:#fff!important;
}

.contact
{
	
	padding-top:64px!important;
	padding-bottom:64px!important;
	color:#fff!important;
	background-color:#607d8b!important;
	font-size:24px!important;
	-webkit-filter:grayscale(50%);
	filter:grayscale(50%);
	padding:0.01em 16px;
}
.content
{
	max-width:980px;
	margin:auto;
	float:center;
	
	
}
.c
{
	text-align:center!important;
	font-size:64px!important;
	font-family: "Amatic SC", sans-serif;
}
.input
{
	display:block;
	border:none;
	border-bottom:1px solid #808080;
	width:100%;
	padding-top:16px!important;
	padding-bottom:16px!important;
	font-family: "Amatic SC", sans serif;
	font-size:24px!important;
	vertical-align:middle;
	overflow:hidden;
}

.button
{
	border:none;
	font-family: "Amatic SC", sans serif;
	font-size:24px;
	display:inline-block;
	outline:0;
	padding:8px 16px;
	vertical-align:middle;
	overflow:hidden;
	text-decoration:none!important;
	color:#fff;
	background-color:#000;
	text-align:center;
	cursor:pointer;
	white-space:nowrap;
	width:100%;
	-webkit-transition:background-color .25s,color .15s,box-shadow .25s,opacity 0.25s,filter 0.25s,border 0.15s;
	transition:background-color .25s,color .15s,box-shadow .15s,opacity .25s,filter .25s,border .15s;
	padding-top:16px!important;
	padding-bottom:16px!important;

}

.button:hover
{
	box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

.about
{
	padding:0.01em 16px;
	padding-top:64px!important;
	padding-bottom:64px!important;
	color:#fff!important;
	background-color:#f44336!important;
	-webkit-filter:grayscale(75%);
	filter:grayscale(75%);
	font-size:24px!important;
}

.selfie
{
	border-radius:50%!important;
	float:right!important;
}
.row
{
	
}
.tag
{
	background-color:#000;
	color:#fff;
	display:inline-block;
	padding-left:8px;
	padding-right:8px;
	text-align:center;
}
.tag2
{
	background-color:#000;
	color:#fff;
	display:inline-block;
	padding-left:8px;
	padding-right:8px;
	text-align:center;
	font-size:24px!important;
}
.d
{
	position:absolute;
	left:0;
	bottom:0;
}
.header
{
	position:relative;
	-webkit-filter:grayscale(50%);
	filter:grayscale(50%);
}
.bb
{
	border:none;display:inline-block;
	outline:0;
	padding:6px 16px;
	vertical-align:middle;
	overflow:hidden;
	text-decoration:none!important;
	color:#fff;
	background-color:#000;
	text-align:center;
	cursor:pointer;
	white-space:nowrap;
	font-size:36px!important;
}
.headtext
{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	text-align:center!important;
}
.font
{
	font-family: "Amatic SC", sans-serif;
}
.visionbutton
{
	border: 1px solid white;
	padding: 0px 10px;
    text-decoration: none;

}
.dropdown-stuff
{
	display: none;
	position: absolute;
	background-color: white;
	min-width: 6.9%; 
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	color: black;
}
.dropdown-stuff a 
	{
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
	}
.access
{
	padding-top:64px!important;
	padding-bottom:64px!important;
	background-color:#fafafa!important;
	font-size:24px!important;
	font-family: "Amatic SC", sans-serif;
}
.ff
{
	text-decoration:none; 
	border:1px solid black; 
	padding:3px;
}
.tabbed
{
	width:24.99999%;
	padding:12px 24px!important;
	
}
.tabbed:hover
{
	color:#fff!important;
	background-color:#f44336!important;
}
@media (max-width:600px)
{
	.social
	{
		display:block;
	}
	.input
	{
		width:400px;
	}
	.navbar li
	{
		float:center;
		/*display:block;*/
		padding:8px 16px;
	}
	.width{
		display:block;
	}
}
/*Iphone 6S screen*/
@media (max-width:380px)
{
	.input
	{
		width:320px;
	}
	.col1
	{
		display:block!important;
		margin:auto!important;
		float:center;
		font-family: "Amatic SC", sans-serif;
	}
	.col2
	{
		display:block!important;
		margin:auto!important;
		float:center;
		font-family: "Amatic SC", sans-serif;
	}
}
/*smallest screen size on laptop*/
@media (max-width:320px)
{
	.input
	{
		width:220px;
		font-size:20px!important;
	}

}