/*
Dark Grey: 545454
Light Grey: DBDBDB
White: FFFFFF
Blue: 30B9C6
Light Blue: BEFAFB
*/

.place_l {
	float: left;
	margin-top: 2px;
}

.place_r {
	float: right;
	margin-top: 2px;
}


#colorstrip {
	width: 100%; height: 60px;
	border-style: none;
	background-color: #545454;
}

#colorstrip_2 {
	width: 100%; height: 22px;
	border-style: none;
	background-color: #545454;
}

#colorstrip_thin_b {
	width: 100%; height: 2.5px;
	border-style: none;
	background-color: #30b9c6;
	z-index: 10;
}

#colorstrip_test {
	width: 100%; height: 40px;
	border-style: none;
	background-color: #ffffff;
	z-index: 10;
}

#colorstrip_foot {
	width: 100%; height: 60px;
	border-style: none;
	background-color: #545454;
}

.clearfix::after {
	content: "";
	clear: both;
	display: table;
}


body {background-color: #ffffff;
			height: 100%;
			width: 100%;
			font-family: 'Roboto', Verdana, sarif;
			font-weight: 200;
			margin-top: 0px;
			margin-right: 0px;
			margin-bottom: 0px;
			margin-left: 0px;
			padding-bottom:50px;
}


/*body{
	display: inline-block;
}*/


/* LINKS */


a.navlink {
	 color: #befafb;
	 text-decoration: none;
	 margin-left: 3px;
	 margin-right: 3px;
	 font-size: 11px;
}


a.navlink:visited {
	 color: #befafb;
}

a.navlink:hover {
	 color: #ffffff;
}

a.navlink:active {
	 color: #befafb;
}
.current_a {
	font-weight: 400;
}



.current {
	font-weight: 800;
	color: #befafb;
	text-decoration: none;
	margin-left: 3px;
	margin-right: 3px;
	font-size: 14px;
}

.outer-div {
     padding: none;
     text-align: center;
}
.inner-div {
     display: block;
     padding: none;
}

.fade
{
        opacity:0.5;
}
.fade:hover
{
        opacity:1;
}

.grow:hover
{
}

.three:hover
{
        box-shadow:
                1px 1px #30B9C6,
                2px 2px #30B9C6,
                4px 4px #30B9C6;
        -webkit-transform: translateX(-4px);
        transform: translateX(-4px);
}


h1 {
	font-size: 24px;
	font-family: 'Roboto', Verdana, sarif;
	font-weight: 400;
}

h2 {
	font-size: 20px;
	font-family: 'Roboto', Verdana, sarif;
	font-weight: 300;
}


#dynamic_img {
	height: 200px;
}

p {
	font-size: 16px;
	font-family: 'Roboto', Verdana, sarif;
	font-weight: 200;
}

.p_f {
	color: white;
	font-size: 10px;
	font-weight: 200;
	margin-top: 2px;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
}

.p_s {
	font-size: 16px;
	font-family: 'Roboto', Verdana, sarif;
	font-weight: 200;
	margin-left: 10px;
	margin-right: 10px;
}
/*
nav a {
	visibility: hidden;
}
*/
.footer {
	margin-top: 4px;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
}









/*RESPONSIVE CHANGES*/

@media screen and (min-width: 420px){
	nav a {
		visibility: visible;
	}

	h1 {
		font-size: 22px;
		font-family: 'Roboto', Verdana, sarif;
		font-weight: 400;
	}

	h2 {
		font-size: 18px;
		font-family: 'Roboto', Verdana, sarif;
		font-weight: 300;
	}

	#dynamic_img {
		height: 300px;
	}

	p {
		font-size: 14px;
		font-family: 'Roboto', Verdana, sarif;
		font-weight: 200;
	}

	.p_s {
		font-size: 14px;
		font-family: 'Roboto', Verdana, sarif;
		font-weight: 200;
		margin-left: 50px;
		margin-right: 50px;
	}

		a.navlink {
			 color: #befafb;
			 text-decoration: none;
			 margin-left: 8px;
		 	 margin-right: 8px;
			 font-size: 16px;
		}


		.inner-div {
		     display: inline-block;
		     padding: none;
		}
}

@media screen and (min-width: 900px){

	nav a {
		visibility: visible;
	}
	a.navlink {
		 color: #befafb;
		 text-decoration: none;
		 margin-left: 28px;
	 	 margin-right: 28px;
		 font-size: 19px;
	}

	#dynamic_img {
		height: 400px;
	}

	p {
		font-size: 16px;
		font-family: 'Roboto', Verdana, sarif;
		font-weight: 300;
	}

	.p_s {
		font-size: 16px;
		font-family: 'Roboto', Verdana, sarif;
		font-weight: 300;
		margin-left: 150px;
		margin-right: 150px;
	}

	.current_a {
		font-weight: 500;
	}

	.grow:hover
	{
	        -webkit-transform: scale(1.3);
	        -ms-transform: scale(1.3);
	        transform: scale(1.3);
	}

		.place_l {
			float: left;
			margin-top: 2px;
		}

		.place_r {
			float: right;
			margin-top: 2px;
		}
/*
		.image {
			height: 70px;
		} */
		.p_f {
			font-size-adjust: .8;
		}
		#colorstrip {
			width: 100%; height: 62px;
		}

		#colorstrip_foot {
			width: 100%; height: 80px;
		}

		#colorstrip_2 {
			width: 100%; height: 26px;
		}

		.inner-div {
		     display: inline-block;
		     padding: none;
		}
}