@media only screen and (max-width : 1600px) {
	#contacts-img {
		height: 60%;
		width: 100%;
	}
}
@media only screen and (max-width : 992px) {
	#line-wrap,
	.menu-wrap {display: none;}
	nav #sandwich {display: block;}

	#vertical-line {
		position: absolute;
		height: 100%;
		width: 2px;
		background: #ffde00;
		top: 0;
		text-align: center;
		left: 50%;
		left: calc(50% - 2px);
	}

	nav .context ul li {
		width: 100%;
		background-color: #F7F7F7;
		padding: 6px 0;
		text-align: center;
		z-index: 10;
		transition: background-color .4s ease-out
	}
	nav .context ul li:hover,
	nav .context ul li:focus {
		background-color: #ffde00;
	}
	nav .context {
		width: 100%;
		margin-left: 0;
	}
	nav .context .menu-wrap {background-color: #F7F7F7;}
	nav .context ul {
		width: 100%;
	    height: calc(100vh - 47px);
	    flex-direction: column;
	    align-items: center;
	    justify-content: space-around;
	}
}
@media only screen and (max-width : 768px) {
    nav {background-color: #f7f7f7;}
    .wrapper .container-wrap {
        padding-top: 80px;
    }
}
@media only screen and (max-width : 435px) {
	.slogo {font-size: 35px;}
}
@media only screen and (max-width : 380px) {
	.slogo {font-size: 30px;}
	nav #sandwich {top: 12px;}
}
@media only screen and (max-width : 335px) {
	.act-file{clear: both;}
	.slogo {font-size: 22px;}
	nav #sandwich {top: 4px;}
}