/* CSS Document */

/* Float Elements 
---------------------------------*/

header.masthead {

    background-size: 1900px 230px, 100% 300px !important;
}

header.masthead .intro-text {
    padding-top: 84px !important;
    padding-bottom: 240px !important;
    /* color: #144a42; */
}

header.masthead .intro-text .face {

    zoom: 0.8;
}


#mainNav .navbar-toggler {
    right: 0;
    padding: 13px;
    border: 0;
    background: url(../img/home.png)no-repeat center center !important;
    background-size: 100% 100%;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

section a {
	color: #4ddcc5 !important;
	/*float: left;--*/
	font-size:16px;
	font-weight:400;
	text-transform:none;
	line-height: 1.2;
	margin: 0;

}


.navbar-expand-lg .navbar-nav {

    margin-left: 44% !important;
}

section.slides, section#background {
    padding: 50px 0 !important;
}

section.briefing h2.section-heading {

    margin-bottom: 10px !important;
	text-align: left !important;

}

section.briefing h3.section-subheading {

    margin-bottom: 30px !important;
    color: #333 !important;
}

section.slides {

	padding: 50px 0 !important;
}

section.rolla {background: #0C1E22 !important;}

section.rolla2 {background: #0d2125 !important;}

section .pic.x3 {display: inline-block; }

section .pic.x3 img {
	display: inherit !important;
	margin: 0 20px 20px 0 !important;

}

section .pic.x3.SD img {
	display: inherit !important;
	margin: 0 20px 20px 0 !important;
	box-shadow: 0px 6px 10px 0px rgb(0 0 0 / 0.2);
	max-width: 22%;
}

 /* section span { font-family: BarlowSemiCondensed-Light; font-size: 0.9rem;} */

section.slides section h3 {

    color: #999 !important;
	padding: 20px 0 !important;
}

footer ul {margin: 0; padding: 0;}

footer ul li {
	display: inline-block;
	margin: 0 20px;
	width: 54px;
	height: 54px;
	margin-bottom: 10px;
}

section.palette {}

section.palette img { float: left !important; margin: 0 20px 20px 0 !important;}

section .container .pic img.zoom07 { zoom:0.7;}

/*  --------------  IPad  --------------*/
@media (max-width:768px) {
	
footer ul li {width: 15% !important;}
section .container .pic { margin: 30px 0;}
}

/*  --------------  Smarrphone  --------------*/
@media (max-width:414px) {
	
	footer ul li { width: 24% !important;}
	section .container .pic { margin: 20px 0;}
}

section .container {}

section .container h3 { margin-bottom: 10px !important;}


section video { width: 100%; display: block; margin: auto;}

section .container .pic { margin: 40px auto 0 auto;}

section .container .pic.prototype-mobile { 
	background-image: url("../img/portfolio/3-checkout-process/prototype_mobile.png");
	max-width: 300px;
    height: 602px;
    background-size: 100% 100%;
    margin: auto;
    position: relative;
    padding-top: 14px;
}


section .container .pic.prototype-mobile video { 
    margin: auto;
	max-width: 264px;
    border-radius: 32px;
}

section .container .pic img { display: block; margin: auto;}


/* ---------------- LOGIN PASS -------------------------*/


section#start .container {border-top: 1px solid lightgrey; border-bottom: 1px solid lightgrey; padding: 10px 0 15px 0; max-width: 400px;}

section#start .container input#input {
	font-family: 'BarlowSemiCondensed-Medium';
	border-radius: 100px;
    border: 1px solid grey;
    padding: 0 0 0 15px;
    color: grey;
}

section#start .container input.checkbox {
	margin-left: 10px;
    border-radius: 100px;
    border: 1px solid grey;
    color: grey;
    padding: 0 10px;
	font-family: 'BarlowSemiCondensed-Medium';
}

section #revelation { }