* {
    box-sizing: border-box;
}
 html,body{
     font-family: 'Manrope', sans-serif;
     background-color: #FEECEF;
     color: #84505B;
     margin: 0;
     padding: 0;
}
 .logo-giden{
     font-family: 'Abril Fatface', sans-serif;
    ;
     color: #cb7a94;
     text-transform: lowercase;
}
 .custom-toggler .navbar-toggler-icon {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28203,122,148,1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
     width: 1em;
     height: 1em;
}
 .custom-toggler.navbar-toggler {
     border-color: rgba(203,122,148,0.5);
}
 .custom-collapse .nav-link {
     color: #84505B !important;
     font-family: 'Manrope', sans-serif;
     font-weight:400;
     letter-spacing: 1px;
}
 .custom-btn-primary.btn-primary {
     margin-left: 1rem;
     color: #84505B;
     background-color: #ecafba;
     border-color: #ecafba;
     border-radius: 4px;
     font-weight:400;
     letter-spacing: 1px;
     padding: 0.375rem 2rem;
}
 .custom-btn-secondary.btn-secondary {
     color: #fff;
     background-color: #cb7a94;
     border-color: #cb7a94;
     border-radius: 4px;
     font-weight:400;
     font-size: 1.25rem 
}
 .custom-jumbotron.jumbotron{
     height: calc(100vh - 82px);
}
 h2 {
     font-size: 2rem !important;
     font-family: 'Abril Fatface',sans-serif !important;
     font-weight: normal !important;
}
 .lead{
     font-weight: 400 !important;
     font-size: 1.25rem !important;
}
 @media (min-width: 992px){
     h2 {
         font-size: 3.5rem !important;
         margin-bottom: 1rem !important;
    }
     .wrapper {
         height: 100%;
         min-height: 100%;
         align-items: center;
    }
     .start-background{
         background-image: url(./start_gia_quiz.png);
         background-size: 100%;
         background-repeat: no-repeat;
         background-position: top center;
         margin-top:30px;
    }
}