@media screen and (max-width: 1150px) {
    .dashboard-text {
        display: none;
    }

    .nav-menu-left li,
    .nav-menu-right li {
        padding: 15px 10px;
    }
}

@media screen and (max-width: 1020px) {
    .nav-link {
      padding: 0 !important;
    }

    .dropdown-menu {
      top: 72px;
      left: -36px;
    }

    .header-name {
      font-size: 1.2rem;
    }

    .nav-logo {
      width: 50px;
    }
}

@media screen and (max-width: 960px) {
    .footer-email a {
        font-size: 1em;
    }

    .nav-menu-left li,
    .nav-menu-right li {
        padding: 15px 5px;
    }
}

@media screen and (max-width: 920px){
        html,
        body {
            width: 100%;
            font-size: 1.15em;
        }

        header h1 {
            margin: 5px auto;
            box-sizing: border-box;
            font-size: 30px;
        }
	.nav-menu-left,
        .nav-menu-right {
		display: none !important;
	}

  .nav-item {
    display: none;
  }

        main {
            width: 100%;
            box-sizing: border-box;
            text-align: center;
        }

	.main-picture {
		/*overflow: initial !important;*/
		position:relative !important;
		height: auto !important;
                width: 100%;
	}
	.main-picture img {
		margin-top: 5px !important;
	}

        #slideshow > div {
            width: 100%;
            object-position: center;
        }

	nav {
                width: 100%;
		padding: 10px 0;
		text-align: center;
		color: rgb(220,220,220);
                cursor: pointer;
	}
	.drop-down-menu {
		display: initial !important;
                width: 100%;
	}
	.drop-down-menu ul {
		z-index: 20;
		position: absolute;
    left: 0;
		top: 100px;
		width: 100%;
		background: rgba(0,0,0,.9);
		text-align: center;
	}

	.drop-down-menu ul li {
		list-style-type: none;
		display: none;
		width: 80%;
		padding: 10px;
		margin: auto;
	}
  .drop-down-menu ul li:hover {
		list-style-type: none;
		display: none;
		width: 80%;
		padding: 10px;
		margin: auto;
    background: white;
    color: black;
	}

  h3.contact-text {
    margin-top: 50px;
  }

  .contact-link {
    color: #005ab5
  }

        .footer-row {
            flex-direction: column-reverse;
            margin: auto;
        }

        .footer-column {
            margin: auto;
            text-align: center;
        }

        .fb-widget {
            display: none;
        }

        .footer-column h3 {
            margin-bottom: 10px;
        }

	article {
		border-top: 1px solid black;
		border-bottom: 1px solid black;
	}

        .student-main {
            display: block;
            min-height: 0;
            max-height: none;
        }

        p.student-welcome {
            padding: 0;
        }

        .curriculum-menu {
            width: 100%;
            display: block;
            text-align: center;
        }

        .curriculum-menu div {
            display: none;
        }

        .curriculum-menu div:first-child {
            display: block;
            border: 0;
            letter-spacing: 1px;
            padding-bottom: 0;
        }

        .curriculum-menu p {
            margin: 0;
        }

        .curriculum-main {
            width: 100%;
        }

        .belt-select {
            position: initial;
            width: 100%;
            margin: 20px 0;
        }

        .belt-select span {
            font-size: 20px;
        }

        .belt-select select {
            width: 100%;
            padding: 10px;
            text-align-last: center;
        }

        .curriculum-fitness {
            width: 90%;
        }

        .board-break {
            width: 100%;
            display: block;
        }

        .board-break article {
            width: 100%;
            padding: 20px;
            box-sizing: border-box;
        }

        .login-box {
            width: 100%;
        }

        .login-input input {
            box-sizing: border-box;
        }

        .signup-form,
        .email-form {
            width: 100%;
            margin: 0;
            box-sizing: border-box;
        }

        .signup-form input,
        .signup-form select,
        .email-form input {
            box-sizing: border-box;
            /*margin: 10px;*/
            padding: 14px;
        }

        .signup-form textarea,
        .email-form textarea {
            box-sizing: border-box;
        }

        .flex-row {
            display: block;
            width: 100%;
            box-sizing: border-box;
        }

        .flex-item:nth-child(even),
        .flex-item:nth-child(odd) {
            width: 100%;
            box-sizing: border-box;
            text-align: justify;
            padding: 5px;
        }

        .flex-item img {
            width: 100%;
        }

        .rsp-img {
            display: block;
        }

        .img-left {
            display: none;
        }

        .what-is-tkd {
            text-align: justify;
        }

        .contact {
            display: block;
            width: 100%;
            box-sizing: border-box;
        }

        .contact .left,
        .contact .right {
            display: block;
            width: 100%;
            box-sizing: border-box;
        }

        .schedule-list {
            list-style: none;
            text-align: left;
            font-weight: bold;
            padding-left: 0;
            text-align: center;
        }

        .schedule-list li {
          margin-top: 10px;
        }

        .schedule-list li ul {
            list-style: none;
            font-weight: normal;
            padding-left: 0;
        }

        .gal-flex-container {
            display: block;
        }

        .gal-flex-item {
            width: 100%;
            box-sizing: border-box;
            border-bottom: 3px solid rgba(250,250,250,.9);
            height:200px;
            margin: 20px auto;
        }

        .gal-flex-item img {
            position: initial;
            width: 100%;
        }

        .shop-flex-container {
            display: block;
            box-sizing: border-box;
        }

        .shop-flex-item {
            width: 100%;
            box-sizing: border-box;
        }

        .paypalform form {
            display: block;
        }

        .paypalform form table,
        .paypalform form div {
            width: 100%;
        }

        .paypalform form div {
            margin-top: 20px;
        }

        .paypalform form input[type="text"] {
            width: 100%;
            padding: 5px;
        }

        .paypalform form div input[type="image"] {
            max-width: 250px;
        }

        .media img {
            width: 100%;
        }

        .jumbotron-img,
        .center-div {
            width: 90%;
        }

}

@media screen and (max-width: 600px) {

    .section {
      padding-left: 40px;
      padding-right: 40px;
    }

    .signup-form .address-ctr {
        display: block;
    }

    .signup-form .address-ctr #address,
    .signup-form .address-ctr #zip {
        margin: 10px 0 0 !important;
    }
}

@media screen and (max-width: 400px) {
  .section {
    padding-left: 0;
    padding-right: 0;
  }
}