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

	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;

	background: white;
	padding-top: 1em;
	padding-bottom: 1em;

	@media (min-width:$medium-screen){
		justify-content: space-between;
		flex-wrap: nowrap;
	}
	
	.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;
			width: 300px;
			max-width: 90%;
		}
	}

	ul {
		display: none;
		font-size: 1.2em;

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

		@media (min-width: $large-screen){
			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-size: .85em;
				font-weight: 500;
				text-transform: uppercase;
			}

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

					a {
						color: $base-accent-color-light;
					}
				}
			}			
		}
	}
}