@media all and (max-width:1100px) {

    #navigation {
		position: fixed;
		top: 0;
		left: -320px;
		bottom: 0;
		height: 100vh;
		z-index: 1000;
		background-color: var(--color-violet);
		width: 320px;
		padding: 20px;
		overflow: auto;
	}

    #openmenu,
	#closemenu {
		display: inline-block;
	}

    
	#closemenu {
		float: right;
	}

	.menu {
		clear: both;
		padding-top: 30px;
	}

	.menu li {
		float: none;
		margin-left: 0;
        margin-right: 0;
		margin-bottom: 20px;
	}

    .single-edge {
        width: 50%;
    }

    .wrapper-edge {
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
    }

    .aboutus-img {
        width: 70%;
        margin: 0 auto;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
    }

    .aboutus-content {
        width: 100%;
        padding-left: 0px;
        margin-bottom: 50px;
        -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
                order: -1;
    }

}

@media all and (max-width:700px) {

    .single-edge {
        width: 100%;
    }

    .wrapper-form {
        width: 100%;
        padding-right: 0px;
        margin-bottom: 50px;
    }

    .contact-content {
        width: 100%;
    }
    .single-contact {
        text-align: center;
    }

    .social-link {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .social-link li {
        margin-right: 10px;
        margin-left: 10px;
    }

    .wrapper-header-content > .container > h1 {
         font-size: 60px;
    }

    h2 {
        font-size: 40px;
    }

    .wrapper-input input {
        width: 100%;
    }
}