/* Header */
header.site {
	position: relative;
	z-index: 3;

	background: transparent linear-gradient(315deg, #353535 0%, #2C2C2C 100%) 0% 0% no-repeat padding-box;
	padding-top: 1em;
	padding-bottom: 1em;
	text-transform: uppercase;

	.container {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;

		// font-size: 1.6em;

		@media (min-width:$large-screen){
			justify-content: space-between;
			flex-wrap: nowrap;
		}
	}

	a {
		color: #fdfdfd;
	}
	
	.our-logo {
		flex: 0 0 100%;
		text-align: center;

		@media (min-width:$medium-screen){
			flex: 0 0 auto;
			margin-right: 2em;
		}

		img {
			transition: all .2s linear;
			display: block;
			margin: 0 auto;
			max-width: 90%;
			max-height: 100px;
		}
	}

	ul {
		display: none;

		@media (min-width: $medium-screen){
		}

		@media (min-width: $large-screen){
			display: flex;
			align-items: center;
			justify-content: space-between;
			align-items: flex-start;
		}

		li {
			flex: 0 0 50%;
			text-align: center;

			@media (min-width: $large-screen){
				flex: 0 0 auto;
				text-align: right;
				margin-left: 1em;
			}

			i {
				margin-right: 0;
				color: $base-accent-color;
			}

			p {
				color: #9F9F9F;
				margin-bottom: 0px;

				a {
					color: #C3D91E;
				}
			}

			.title {
				color: $base-accent-color;
				font-weight: 700;
				text-transform: uppercase;
			}

			&.call-us {
				p {
					white-space:nowrap;

					a {
						color: #9f9f9f;
					}
				}
			}			
		}
	}
}