.firstScreenLogo{
    float: right;
}
.firstScreenPhone{
    float: left;
    margin-top: -1px;
}
.firstScreenPhone a{
    color: black;
    font-size: 18px; 
}
.firstScreenPhone a:hover{

}
.firstScreenHeader{
    font-size: 26px;
    line-height: 34px;
    font-weight: 600;
}
.firstScreenHeader2{
    font-size: 20px;
    line-height: 28px;
    margin-top: 40px;
}
.firstScreenBtn{
    border: none;
    background: #9ACBD6;
    color: white;
    padding: 12px 25px;
    text-transform: uppercase;
    min-width: 200px;
}
.firstScreenBtn:focus{
	outline:none;
}
.firstScreenBtn:hover{
	background: #87B9C5 !important;
	color: white;
	text-decoration: none;
}
.firstScreenContainer{
    background: #ffffff;
    height: 100%;
    width: 100%;
    padding: 30px 40px;
    overflow-y: auto;
}
.slide{
    position: absolute;
    width: 100%; 
    height: 100%; 
    z-index: 1;
    display: none;
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}
#quizCont .slide{
    /*box-shadow: inset 0 0 0 2000px rgb(0 0 0 / 30%);*/
}
.slideActive{
    /*display:block;*/
}
#quiz{
    height: 690px !important;
    max-width: 1200px; 
    margin: 0 auto;
    width: 80%;
    z-index: 2;
}
#quizCont{
    display:flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    min-height: 690px;
}
.slideActive{
    min-height: 690px;
}
#firstScreen{
    display:flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100)
}
.firstScreenFace{
    max-width: 420px; 
    margin: 0 auto;    
}
@media (max-width: 1500px){
    .firstScreenHeader{
        font-size: 22px;
    }
}
@media (max-width: 1300px){
    .firstScreenHeader{
        font-size: 20px;
    }
    .firstScreenHeader2{
        font-size: 18px;
        line-height: 24px;
    }
}
@media (max-width: 1200px){
    .firstScreenFace{
        max-width: 300px; 
        margin: 0 auto;    
    }
    #quiz{
        height: 690px !important;
    }
    #quizCont{
        min-height: 690px;
    }
    .slideActive{
        min-height: 690px;
    }
    .firstScreenHeader{
        font-size: 18px;
        line-height: 26px;
    }
    .firstScreenContainer{
        padding: 30px 20px;
    }
}
@media (max-width: 1023px){
    #quiz{
        height: 690px !important;
        width: 95%;
        max-width: 95%;
    }
    #quizCont{
        min-height: 690px;
    }
    .slideActive{
        min-height: 690px;
    }
    .firstScreenPhone{
        float: none;
        text-align: center;
    }
    .firstScreenLogo{
        float: none;
        text-align: center;
    }
}
@media (max-width: 992px){
    .firstScreenContainer{
        padding: 30px 25px;
    }
    .firstScreenHeader2{
        font-size: 16px;
        line-height: 22px;
        margin-top: 20px;
    }
    #quiz{
        height: 100% !important;
        width: 100%;
        max-width: 100%;
    }
    #quizCont{
        min-height: auto;
    }
    .slideActive{
        min-height: auto;
    }
    .firstScreenBtn{
        margin-top: 10px;
        font-size: 16px;
        padding: 10px 20px;
    }
    .slide{
        /*background-image:none !important;*/
    }
    .firstScreenList{
        font-size: 14px;
    }
    .firstScreenFace{
        max-width: 250px; 
        margin: 0 auto;    
    }
}
@media (max-width: 1454px){
    .firstScreenContainer{
        padding: 20px 30px;
    }
    .firstScreenList{
        font-size: 12px;
        line-height: 16px;
    }
    .firstScreenFace{
        max-width: 270px;
        margin: 0 auto;
    }
}

body{
	font-family: 'Gilroy Regular', sans-serif;
}
@font-face {
	font-family: 'Gilroy Light';
	src: url('/Gilroy/Gilroy-Light.eot');
	src: url('/Gilroy/Gilroy-Light.eot?#iefix') format('embedded-opentype'),
	url('/Gilroy/Gilroy-Light.woff') format('woff'),
	url('/Gilroy/Gilroy-Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Gilroy Regular';
	src: url('/Gilroy/Gilroy-Regular.eot');
	src: url('/Gilroy/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
	url('/Gilroy/Gilroy-Regular.woff') format('woff'),
	url('/Gilroy/Gilroy-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Gilroy Medium';
	src: url('/Gilroy/Gilroy-Medium.eot');
	src: url('/Gilroy/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
	url('/Gilroy/Gilroy-Medium.woff') format('woff'),
	url('/Gilroy/Gilroy-Medium.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}