/* CSS Document */

@media screen and (max-width: 320px) {
	.phn{
		padding: 10px;
		margin:0 auto;
		text-align:center;
	}
	.eml{
		padding: 10px;
		margin:0 auto;
		text-align:center;
	}
}

@media screen and (max-width: 480px) {
	.phn{
		padding: 10px;
		margin:0 auto;
		text-align:center;
	}
	.eml{
		padding: 10px;
		margin:0 auto;
		text-align:center;
	}
}
@media screen and (max-width: 768px) {
	.phn{
		padding: 10px;
		margin:0 auto;
		text-align:center;
	}
	.eml{
		padding: 10px;
		margin:0 auto;
		text-align:center;
	}
}
@media screen and (max-width: 920px) {
	.phn{
		padding: 10px;
		margin:0 auto;
		text-align:center;
	}
	.eml{
		padding: 10px;
		margin:0 auto;
		text-align:center;
	}
	.gobckwebsite{
		text-align:center;
		margin:0 auto;
		padding:5px 0 0 0;
		color:#FECF71;
	}
}
@media screen and (max-width: 1200px) {
	.phn{
		padding: 5px 0 0 0;
		margin:0 auto;
		text-align:center;
	}
	.eml{
		padding: 5px 0 0 0;
		margin:0 auto;
		text-align:center;
	}
	.gobckwebsite{
		text-align:center;
		margin:0 auto;
		padding:5px 0 0 0;
		color:#FECF71;
	}
	.colorgraph {
    height: 5px;
    border: none;
    background-color: #1C406F;
    border-radius: 5px;
    }
	.colorgraph_old{
		height: 5px;
		border-top: 0;
		background: #c4e17f;
		border-radius: 5px;
		background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
		background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
		background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
		background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
	}
}
@media screen and (min-width: 1201px) {
	.phn{
		padding: 15px 10px 0 20px; 
		margin:0 auto;
		float:left;
	}
	.eml{
		padding: 15px 20px 0 10px;
		margin:0 auto;
		float:right;
	}
	.gobckwebsite{
		text-align:center;
		margin:0 auto;
		padding:15px 0 0 0;
		color:#FECF71;
	}
	.colorgraph {
    height: 5px;
    border: none;
    background-color: #1C406F;
    border-radius: 5px;
    }
	.colorgraph_old{
		height: 5px;
		border-top: 0;
		background: #c4e17f;
		border-radius: 5px;
		background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
		background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
		background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
		background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
	}

}
.top-bar{
	background-color:#2C2C2C;
	}
.top-bar-txt{
	color:#fff;
	}


.greyline {
    height: 2px;
    border-top: 0;
    background: #a9a9a9;
    border-radius: 5px;
	width:20%;
}
.menu-bar{
	background-color:#26A1D9;
}
.menu-buttons{
	padding:10px;
	text-align:center;
}