* {
	box-sizing: border-box;
}

h2,
h3,
h4 {
	color: #A62B21;
}

.hBlack {
	color: rgb(33, 37, 41);
}

h1 {
	color: #fff;
	margin: 0;
    font-family: 'Arial Black';
}

.floatRight {
	float: right;
	padding-right: 20px;
}

.headingLarge {
	font-size: 9vh;
	text-shadow: 2px 0 0 #A62B21, -2px 0 0 #A62B21, 0 2px 0 #A62B21, 0 -2px 0 #A62B21, 1px 1px #A62B21, -1px -1px 0 #A62B21, 1px -1px 0 #A62B21, -1px 1px 0 #A62B21;
}

.headingMedium {
	font-size: 6vh;
	text-shadow: 2px 0 0 #A62B21, -2px 0 0 #A62B21, 0 2px 0 #A62B21, 0 -2px 0 #A62B21, 1px 1px #A62B21, -1px -1px 0 #A62B21, 1px -1px 0 #A62B21, -1px 1px 0 #A62B21;
}

footer {
	background-color: #242323;
	height: 400px;
}

footer .social img {
	width: 40px;
	margin: 0;
}

footer .social h3 {
	color: #fff;
}

footer .social {
	margin-top: 40px;
}

.footerQr {
	display: none;
}

.footerContainer {
	margin-top: 50px;
}

footer img {
	width: 200px;
	margin-top: 100px;
}

.headerPadding {
	margin-top: 20vh;
	text-align: center;
}

button {
	background-color: #A62B21;
    border: solid 2px #fff;
    color: #fff;
    padding: 10px 20px;
    border-radius: 30px;
}

.headerText {
	/*margin-top: 120px;*/
	height: 100vh;

	background-image: url(nasait.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-color: rgba(0,0,0,0.6);
}

#mobileNavigation img {
	width: 30px;
	height: 30px;
}

#products img {
	width: 100%;
}

.frameHeight {
	position: relative;
	padding-bottom: 56.25%
}

.frameHeight iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0 12px;
	z-index: 1;
}

.hide {
	display: none;
}

.show {
	display: block;
}

#mobileNavigation {
	width: 60%;
	height: 100vh;
	position: fixed;
	right: -100%;
	top: 0;
	background: #A62B21;
	z-index: 30;
	transition: 0.33s;
}

#mobileNavigation nav {
	margin-top: 30vh;
}

#mobileNavigation.open {
  right: 0;
}

#mobileNavigation ul {
	list-style: none;
}

#mobileNavigation a {
	color: #fff;
	text-decoration: none;
}

#mobileNavigation h2 {
	color: #fff;
}

#mobileNavigation p {
	color: #fff;
}

#navigation {
	display: none;
}

.cross {
	width: 30px;
	height: 30px;
}

#menuBtn {
	width: 50px;
    height: 50px;
    position: fixed;
    top: 10px;
    right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #A62B21;
    border-radius: 40px;
	z-index: 40;
}

#hideMenuBtn {
	width: 50px;
    height: 50px;
    position: fixed;
    top: 10px;
    right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.flexOrder {
	display: flex;
	flex-direction: column-reverse;
}

section {
	margin: 100px 0;
}

section .row {
	margin: 50px 0;
}

#videoCall,
#videoMessage,
#videoRecord
{
	color: #fff;
	background-color: #4d4d4d;
	padding: 20px 10px;
}

#videoCallText h4,
#videoMessageText h4,
#videoRecordText h4
{
	color: #4d4d4d;
	margin-bottom: 10px;
}

.priceCard {
	margin-bottom: 50px;
}

.priceCardContent {
	display: flex;
	margin-bottom: 20px;
}

.priceCardElements {
	width: 150px;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 2px solid black;
}

.priceCardElements p{
	margin: 0;
}

.priceCardElements h3{
	margin: 0;
	color: #fff;
}

.darkGreenBackground {
	background-color: #066633;
}

.priceButton {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 50px;
}

@media (min-width: 992px ) {
	#navigation {
		display: block;
		z-index: 10;
	}

	#mobileNavigation {
		display: none;
	}

	#menuBtn {
		display: none;
	}

	.frameHeight {
	position: relative;
	padding-bottom: 28.12%
	}

	#spaceForContacts img {
	width: 30px;
	height: 30px;
	}

	.navigation {
	/*background-color: #242323;*/
	/*background-color: rgba(0, 0, 0, 0.1);*/
	width: 100%;
	position: fixed;
	top: 0;
	}

	#navigation nav{
		margin: 20px 0;
	}

	#navigation nav a{
		color: #fff;
		text-decoration: none;
		margin-right: 30px;
	}

	.navColored {
	background-color: #242323;
	}


#showContacts {
	padding: 8px;
    background-color: #A62B21;
    border: 2px solid #fff;
    border-radius: 50px;
    text-align: center;
	margin-top: 10px;
}

#spaceForContacts {
	padding: 0px 50px;
	position: absolute;
	right: 300px;
	background-color: #A62B21;
	height: 600px;
	border-bottom-right-radius: 50px;
	border-bottom-left-radius: 50px;
	border: 2px solid white;
}

#spaceForContacts a {
	text-decoration: none;
}

#spaceForContacts h2 {
	color: #fff;
}

#spaceForContacts p {
	color: #fff;
}

.cross {
	width: 30px;
	height: 30px;
	margin-top: 15px;
	margin-left: 308px;
	margin-bottom: 15px;
}

#spaceForContacts img {
	width: 30px;
	height: 30px;
}

#spaceForContacts #qr {
	width: 300px;
	height: 300px;
	margin-top: 30px;
}
	
footer {
	background-color: #242323;
	height: 400px;
}

.footerContainer {
	margin-top: 100px;
}

footer img {
	width: 200px;
	margin-top: 100px;
}
	
	.footerQr {
		display: block;
	}
	
}

}