.masthead {
	width: 35vw;
}

.righthead {
	position: relative;
	z-index: 2;
	overflow: hidden !important;
}

.righthead .container {
	/*transform: translate(0px, 45%);*/
	position: absolute;
	top: 50%;
    transform: translate(0px, -50%);
}

.righthead .center-wrap {
	display: flex;
	flex-wrap: wrap;
	/*justify-content: center;*/
	/*align-items: center;*/
}

.righthead .container .row .r1 {
	transform: translate(0, 47%);
}

.righthead .container .row .r2 {
	transform: translate(15.4%, 0);
}

.righthead .container .row .r3 {
	transform: translate(0, -47%);
}

.righthead button {
	width: 15%;
    height: auto;
    background: none !important;
    margin: 0 105px 0 30px;
    border-radius: 40%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border: none;
    z-index: 5;
}

.righthead button img {
	width: 150%;
	height: inherit;
	z-index: 6;
}

@media only screen and (orientation: portrait) {
	.overlay{
		position: fixed;
	}

	.container-head {

	}

	.masthead {
		position: fixed;
		height: 100vh;
	}

	.masthead .masthead-bg {
		transform: skewY(0deg);
	}

	.por-center {

	}

	.por-img {

	}

	.head-wrapper {

	}

	.por-head, .por-subhead, .por-deschead {

	}

	.por-link {

	}

	.py-5 {

	}

	.righthead {
		overflow: visible !important;
		height: max-content;
		margin-left: auto;
	}

	.righthead .container {
		position: relative;
		padding: 30px 0;
		top: 0%;
		transform: translate(0, 0);
	}

	.righthead .container .row {
		margin: 0;
	}

	.righthead .container .row .r1, 
	.righthead .container .row .r2, 
	.righthead .container .row .r3 {
		display: block;
		flex-wrap: unset;
		transform: translate(0, 0);
	}

	.righthead button {
		width: 45%;
		margin: 0 auto 20px auto;
	}

	.social-icons {
		position: fixed;
		bottom: 0;
	}

	.social-icons ul.text-center {
		text-align: right !important;
	}
}

@media only screen and (min-width: 1000px) and (max-width: 1200px) and (orientation: landscape) {
	h5 {
		font-size: 1.1rem !important;
	}

	p {
		font-size: 1.1rem !important;
	}

	.masthead .masthead-content {
	    padding-left: 1rem !important;
	    padding-right: 6rem !important;
	}

	.righthead button {
		margin: 0 90px 0 10px;
	}
}

@media only screen and (min-width: 1201px) and (max-width: 1300px) and (orientation: landscape) {
	.righthead button {
		margin: 0 115px 0 10px;
	}
}

@media only screen and (min-width: 1430px) and (orientation: landscape) {
	.righthead .container .row .r2 {
		transform: translate(15.3%, 0);
	}

	.righthead button {
		width: 15%;
		margin: 0 110px 0 30px;
	}
}

@media only screen and (min-width: 1600px) and (orientation: landscape) {
	.righthead button {
		width: 14%;
		margin: 0 140px 0 30px;
	}
}

@media only screen and (min-width: 1900px) and (orientation: landscape) {
	.righthead .container {
	    /*transform: translate(0px, 70%);*/
	}

	.righthead .container .row .r1 {
		transform: translate(0, 48%);
	}

	.righthead .container .row .r2 {
		transform: translate(14.2%, 0);
	}

	.righthead .container .row .r3 {
		transform: translate(0, -48%);
	}

	.righthead button {
		width: 13%;
		margin: 0 150px 0 30px;
	}
}