@media screen and (max-width:1366px) {
    .intro-box {
	width: 70%;
  }
    .inner-container {
	width: 70%;
  }
}
@media screen and (max-width:1024px) {
    .black-double-column {
	flex: 75%;
  }
    .tagline {
	font-size: 112.50%;
  }
   .intro-box {
	width: 80%;
	top: 50%;
    height: 20%;
}
    .inner-container {
	width: 80%;
  }
}
@media screen and (max-width:980px) {
.intro-box {
	top: 20%;
    height: 12%;
  }
    .accent-text {
	font-size: 180%;
  }
}
@media screen and (max-width:900px) {
    h1 {
	font-size: 275%;
  }
    h2 {
	font-size: 140%;
  }
    .inner-container {
	width: 95%;
  }
    .accent-text {
	font-size: 160%;
  }
    .padded-column {
	flex: 50%;
  }
}
 @media (max-width: 810px) {
     .main-nav {
	margin-right: 1%!important;
  }
      .tagline {
	font-size: 100%;
  }
      h2 {
	font-size: 130%;
  }
}
 @media (max-width: 800px) {
     .accent-text {
	font-size: 145%;
  }
}
@media (max-width: 768px) {
    .tagline {
	font-size: 120%;
	margin-top: 2%;
  }
    .intro-box {
	top: 50%;
  }
    h1 {
	font-size: 200%;
  }
    h2 {
	font-size: 120%;
  }
    h3 {
        padding-top: 2%;
    }
    .row {
        display: block;
    }
}
@media screen and (min-width: 768px) {
    .navbar {
    display: flex;
    justify-content: space-between;
    padding-bottom: 0;
    height: 70px;
    align-items: center;
  }

  .main-nav {
    display: flex;
    margin-right: 30px;
    flex-direction: row;
    justify-content: flex-end;
  }

  .main-nav li {
    margin: 0;
  }

  .nav-links {
    margin-left: 40px;
  }

  .navbar-toggle {
    display: none;
  }

  .nav-links:hover {
    color: #ffa500;
    text-decoration: underline;
  }
}
@media (max-width: 720px) {
    .intro-box {
	top: 40%;
  }
    ul.menu {
	height: 24vh;
  }
    .parallax {
	min-height: 250px;
	background-size: contain;
  }
    .accent-text {
	font-size: 125%;
  }
}
@media (max-width: 640px) {
    .intro-box {
    position: relative;
	top: 145%;
	width: 90%;
 }
    ul.menu {
	position: relative;
	height: 200px;
	background-color: #000;
	justify-content: flex-start;
  }
}
@media (max-width: 480px) {
    .intro-box {
	top: 65%;
	height: 20%;
  }
    .parallax {
        display: none;
    }
    .accent-text {
	font-size: 120%;
  }
    .subtitle {
	text-align: center;
  }
    .zoom:hover {
	transform: none;
  }
    .padded-row {
	display: block;
  }
}
@media (max-width: 428px) {
    .intro-box {
	top: 40%;
    height: 15%;
  }
}