body{
	overflow:hidden;
}

body .sidebar{
	width:calc(100% - 40px);
}

@media screen and (max-width:950px){
	body .sidebar{
		width:calc(100% - 20px);
	}
}

.content {
	border: 20px solid #E2D2F9;
}

#preload {
	border: 20px solid #FFD881;
	background: #ffffff;
	animation: border 3s linear;
}

@keyframes border {
	0% { border: 20px solid #E2D2F9; }
	14% { border: 20px solid #E2D2F9; }
	80% { border: 20px solid #E2D2F9; }
}

.preloadabout {
	font-size:200px;
	font-family: 'bebasneue';
	top: 35%;
	left: 35%;
	position: absolute;
}

.preloadabout{
  background: linear-gradient(to right, #E2D2F9, #FFD881);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-linear-gradient(to right, #E2D2F9, #FFD881);
  letter-spacing: 5px;

}


.contacth{
	position:relative;
	opacity:0;
	transition:0.5s;
}

body.load .contacth{
	opacity:1;
}


.headerleft .mj_logo, .headerleft .mj_logo:hover{
	color: #000000;
}

body.load .headerleft .mj_logo{
	color: #ffffff;
}

body.load.fixed .headerleft .mj_logo{
	color: #000000;
}

.headerright span a{
	color: #ffffff;
}

.contactcontent span {
	float: left;
	font-family: 'bebasneue';
	font-size: 3em;
	background: linear-gradient(to right, #E2D2F9, #FFD881);
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
 	-webkit-linear-gradient(to right, #E2D2F9, #FFD881);
 	margin-left: 4%;
 	margin-top: 5vh;
}

.mj_contacts{
	position: absolute;
	width:calc(92% - 40px);
	bottom: 15vh;
	left:8%;
	display:flex;
	align-items:flex-end;
	justify-content:flex-start;
}

@media (max-height:800px){
	.mj_contacts{
		bottom: 10vh;
	}
}

.contactblock {
	width: 630px;
	height: auto;
	/*max-height:600px;*/
	background-color: #ffffff;
	border-bottom: 10px solid #ffd881;
	opacity:0;
	transform:translateY(20vh);
	transition:0.7s;
}

body.load .contactblock, body.load .contactblock2{
	opacity:1;
	transform:translateY(0);
}

.contactblock .flex-block > img {
	max-height:10vh;
	height:100%;
}

.flex-block{
	color:#636363;
	margin:3vh 10% 0vh 20px;
	display:flex;
	justify-content: space-between;
	font-family: 'bebasneue';
	letter-spacing: 0.03em;
}

.flex-block div{
	text-align: center;
}

.flex-block p{
	margin-top: 1.5vh;
}

.flex-block div img{
	max-height:99px;
	height:12vh;
}

.contactblocktext {
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-top:1vh;
}

/*@media(max-width: 807px){
	.contactblocktext {
		grid-template-columns: 1fr;
	}
}*/

.contactblockline {
	display:flex;
	align-items:center;
	width: 100%;
	margin:1vh 0;
}

.line {
	width: 30%;
	height: 1px;
	background-color: #FFD881;
	margin-left: 12%;
}

.contactblockline p {
	margin:0;
	margin-left: 20px;
	font-family: 'bebasneue';
}

.line1 {
	width: 30%;
	height: 1px;
	background-color: #E3E3E3;
	margin-left: 12%;
}

.contactblockline span, .contactblockline a {
	font-family: 'montserrat-medium';
	font-size: 1em;
	background: #5B5B5B;
	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
	margin-left:8%;
  	margin-top: 0;
}



.contactblock2 {
	width:240px;
	height:25vh;
	min-height:135px;
	max-height:267px;
	background-color: #ffffff;
	border-bottom: 10px solid #ffd881;
	margin-left:2%;
	text-align: center;
	opacity:0;
	transform:translateY(20vh);
	transition:0.5s ease 0.2s;
}

.contactblock2 img {
	margin-top:4vh;
	max-height:12vh;
}

.contactblock2 p {
	font-family: 'bebasneue';
	margin-top:3vh;

}

.music {
	background-color: #FFD881;
	width:70px;
	height:70px;
	bottom:40px;
	right:40px;
	left:auto;
}


@media (max-width: 1365px) {
	.mj_contacts{
		bottom:calc(20px + 4vh);
	}
}


@media (max-width: 1050px) {
	.line, .line1{
		width:20%;
	}

	.contactblock{
		width:calc(99% - 190px);
	}

	.contactblockline span, .contactblockline a{
		font-size:0.9em;
	}

	.contactblock2{
		width:190px;
	}

}



@media (max-width: 767px) {
	.contacth {
		display: none;
	}

	.mj_contacts{
		flex-direction:column;
		align-items:flex-start;
		width:calc(97% - 50px);
		left:calc(3% + 35px);
	}

	.contactblock{
		order:2;
		height:auto;
		padding-bottom:5vh;
		border-bottom:5px solid #ffd881;
		min-width:370px;
	}

	.contactblock2{
		order:1;
		font-size:0.6em;
		width:112px;
		height:126px;
		min-height:auto;
		margin-left:0;
		margin-bottom:2vh;
		border-bottom:5px solid #ffd881;
	}

	.contactblock2 img{
		height:55px;
		max-height:none;
		margin-top:22px;
	}

	.contactblock2 p{
		margin-top:18px;
	}

	.contactblock .flex-block > img{
	    max-height:8vh;
	}

	.flex-block{
		margin:5vh 5% 0;
	}

	.line, .line1{
		margin-left:5%;
	}

}

@media (max-width: 640px) {
	.contactblock{
		width:100%;
	}
}

@media (max-width: 950px) {
	.content {
	    border:10px solid #E2D2F9;
	}

	.mj_contacts {
	    bottom:calc(10px + 4vh);
	}
}

@media (max-width: 450px) {
	.contactblock{
		width:100%;
		min-width:auto;
	}

	.mj_contacts{
	    bottom:calc(10px + 2vh);
	}

	.contactblocktext{
		font-size:0.8em;
	}

	.contactblockline span, .contactblockline a {
	    font-size: 0.8em;
	}

	.contactblock .flex-block > img{
		display:none;
	}

	.flex-block{
		justify-content: center;
	}

	.flex-block p{
		font-size: 0.9em;
	}
}


@media (max-width: 400px) {
	.line {
		width: 23%;
	}

	.line1 {
		width: 23%;
	}

	.contactblockline p {
		font-size: 0.65em;
	}

	.contactblockline span {
		font-size: 0.65em;
	}


}

@media (max-height: 570px){
	.contactblock{
		height:60vh;
	}

	.contacth{
		display: none;
	}
}

@media (max-height: 425px){
	.contactblock .flex-block > img{
		display:none;
	}

	.flex-block{
		justify-content: center;
	}

	.flex-block p{
		font-size: 0.9em;
	}

	.contactblocktext{
		margin-top:6vh;
	}

	.contactblock{
		padding-bottom:3vh;
	}
}