/*
 * Globals
 */

a {
  outline: none;
  border: none;
  text-decoration: none;
}

a img {
  outline: none;
  border: none;
}

a:focus img,
a:active img {
  outline: none;
  border: none;
}

body {
  font-family: 'Roboto', sans-serif;
}
 h1 {
    font-weight: 600;
    font-size: 68px;
 }
 h3 {
    font-weight: 600;
    font-size: 28px;
    margin-top: 20px;
 }

header {
  margin-top: 50px;
}

.navbar-nav .nav-item {
  margin-left: 25px;
  margin-right: 25px;
  font-weight: 700;
}


/*
 * Cover
 */
.cover {
  margin-bottom: 100px;
}

.cover p {
  max-width: 38em;
}

.cover-logo {
   margin-bottom: 50px;
}

/*
 * Work
 */
.work {
    margin-top: 50px;
}

/*
 * About
 */

.about h2 {
    color: #E73029;
}

/*
 * Conatct
 */

.contact h1 {
    color: #E73029;
    margin: 100px auto;
}

footer a {
	color: #000 ;
}

button a {
	color: white;
}

/* Page Loader */
.js .loading::before {
	content: '';
	position: fixed;
	z-index: 100000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--color-bg);
}

.js .loading::after {
	content: '';
	position: fixed;
	z-index: 100000;
	top: 50%;
	left: 50%;
	width: 60px;
	height: 60px;
	margin: -30px 0 0 -30px;
	pointer-events: none;
	border-radius: 50%;
	opacity: 0.4;
	background: var(--color-link);
	animation: loaderAnim 0.7s linear infinite alternate forwards;
}

@keyframes loaderAnim {
	to {
		opacity: 1;
		transform: scale3d(0.5,0.5,1);
	}
}


.content {
  height: 300px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	isolation: isolate;
}

.content__img {
	max-width: var(--img-maxwidth);
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	will-change: transform;
	filter: var(--filter-img);
}

.content__img--full {
	width: 100%;
	height: 100%;
	background-size: cover;
}



@media screen and (min-width: 53em) {
	.content {
		height: 100vh;
		overflow: hidden;
	}
}