/******************** Algemeen *********************/
html,body {font-family: "Nunito Sans", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: 16px;}

.m-top-40 {margin-top: 40px;}
.m-top-25 {margin-top: 25px;}
.m-top-20 {margin-top: 20px;}
.m-top-15 {margin-top: 15px;}
.m-top-10 {margin-top: 10px;}
.m-bottom-25 {margin-bottom: 25px;}

h1,h2,h3,h4,h5,h6 {font-family: komet, sans-serif; font-weight: 900; font-style: normal;}
h2 {margin-top: 13px; margin-bottom: 22px;}
.alert-danger, .alert-success {font-size: 18px;}
.alert-danger h3 {color: #a94442;}
.alert-success h3 {color: #3c763d;}

/******************** Nav bar *********************/
.navbar {background-color: #FFF; transition: box-shadow .2s ease; -webkit-box-shadow: inset 0 -1px 0 0 #f2f2f2; box-shadow: inset 0 -1px 0 0 #f2f2f2; padding-top: 16px; padding-bottom: 16px; z-index: 99999;}
.navbar .navbar-brand {padding: 6px 0px;}
.navbar .navbar-brand .logo {width: auto; height: 34px; margin-right: 29px;}
.navbar.fixed {top: initial !important; bottom: 100% !important; -webkit-transform: translateY(0); transform: translateY(0); pointer-events: none; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s,-webkit-transform .5s; background: #fff; box-shadow: 1px 1px 3px rgba(0,0,0,0.1); padding-top: 10px; padding-bottom: 10px;}
.navbar.fixed.show {-webkit-transform: translateY(100%); transform: translateY(100%); pointer-events: initial;}

@media screen and (max-width: 991px) {
	.mobile-menu-bg {position: fixed; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #FFE500; height: 0; transition: .4s ease all;
    outline: 0 !important;}
	.menu-is-active .mobile-menu-bg {height: 100vh;}
	
	.navbar {padding-top: 6px; padding-bottom: 6px;}
	.navbar .navbar-collapse:focus {outline: none;}
	.navbar .navbar-nav {height: calc(100vh - 72px); overflow-x: auto; padding: 24px 0 50px 0;}
	.navbar .navbar-nav .nav-link {font-size: 19px; font-weight: 500; padding-top: 16px; padding-bottom: 16px; position: relative;}
}
@media screen and (max-width: 575px) {
	.navbar .logo {width: 250px;}
}

/******************** Form *********************/
.vraag_regels {padding-top: 5px; padding-bottom: 5px; margin-bottom: 0px; font-size: 22px; line-height: 50px; font-weight: 600;}
.vraag_regels .form-group {margin-bottom: 0px;}
.vraag_regels:nth-of-type(even) {background-color: #FFE500;}
.vraag_regels:nth-of-type(odd) {background-color: #F6F6F6;}
.vraag_regels.has-error {background-color: #f2dede; color: #a94442;}
.vraag_regels ol {margin-bottom: 0px; padding-left: 30px;}
.vraag_regels .radio-s {height: 49px; text-align: center;}
.vraag_regels .radio-s input[type=radio] {margin: 0; padding:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; display: none;}
.vraag_regels .radio-s input[type='radio'] + label {margin: -15px 0 0 0; display: inline-block; width: 60px; height: 64px; cursor: pointer;}
.vraag_regels .radio-s.r1 input[type='radio'] + label {background: url('../pics_site/smiley-1.png') left top no-repeat; background-size: 60px;}
.vraag_regels .radio-s.r2 input[type='radio'] + label {background: url('../pics_site/smiley-2.png') left top no-repeat; background-size: 60px;}
.vraag_regels .radio-s.r3 input[type='radio'] + label {background: url('../pics_site/smiley-3.png') left top no-repeat; background-size: 60px;}
.vraag_regels .radio-s.r4 input[type='radio'] + label {background: url('../pics_site/smiley-4.png') left top no-repeat; background-size: 60px;}
.vraag_regels .radio-s.r1 input[type='radio']:checked + label, .vraag_regels .radio-s.r2 input[type='radio']:checked + label, .vraag_regels .radio-s.r3 input[type='radio']:checked + label, .vraag_regels .radio-s.r4 input[type='radio']:checked + label {background-position: left bottom;}
.vraag_regels .label-smiley {font-family: 'Nunito Sans', sans-serif; color: #000000; font-weight: 700; letter-spacing: 1px;}

.vraag_regels .radio-s.r1.vervolg input[type='radio'] + label {background: url('../pics_site/smiley-4.png') left top no-repeat; background-size: 60px;}
.vraag_regels .radio-s.r2.vervolg input[type='radio'] + label {background: url('../pics_site/smiley-3.png') left top no-repeat; background-size: 60px;}
.vraag_regels .radio-s.r3.vervolg input[type='radio'] + label {background: url('../pics_site/smiley-2.png') left top no-repeat; background-size: 60px;}
.vraag_regels .radio-s.r4.vervolg input[type='radio'] + label {background: url('../pics_site/smiley-1.png') left top no-repeat; background-size: 60px;}
.vraag_regels .radio-s.r1.vervolg input[type='radio']:checked + label, .vraag_regels .radio-s.r2.vervolg input[type='radio']:checked + label, .vraag_regels .radio-s.r3.vervolg input[type='radio']:checked + label, .vraag_regels .radio-s.r4.vervolg input[type='radio']:checked + label {background-position: left bottom;}

.btn {position: relative; transform-style: preserve-3d; font-size: 1.5rem;}
.btn:before {content: '' !important; position: absolute !important; top: -5% !important; left: -5% !important; width: 110% !important; height: 110% !important; transform: scaleX(0) !important; transform-origin: center right !important; z-index: -1 !important; border-radius: 60px !important; background: #fff !important; opacity: .175 !important; transition: transform 1.1s cubic-bezier(.19, 1, .22, 1) !important;}
.btn:hover:before {transform: scaleX(1) !important; transform-origin: center left !important;}

.btn-icon {border-radius: 55px; padding: 8px 8px 8px 24px; overflow: hidden;}
.btn .badge {background-color: #FFE400; color: #000; padding: 8px 7px 8px 6px; margin-left: 8px;}

.over-jou {color: #000000; font-size: 18px;}

@-webkit-keyframes shake {0%, 100% {-webkit-transform: translateX(0); transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px); transform: translateX(-10px);} 20%, 40%, 60%, 80% {-webkit-transform: translateX(10px); transform: translateX(10px);}}
@keyframes shake {0%,100% {-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px);} 20%, 40%, 60%, 80% {-webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px);}}

@-webkit-keyframes shake-v {0%, 100% {-webkit-transform: translateY(0); transform: translateY(0);} 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateY(-10px); transform: translateY(-10px);} 20%, 40%, 60%, 80% {-webkit-transform: translateY(10px); transform: translateY(10px);}}
@keyframes shake-v {0%,100% {-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);} 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px);} 20%, 40%, 60%, 80% {-webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px);}}

@-webkit-keyframes smiley-intro-1 {0%,20%,55%,65%,100% {top: -50px;} 10%,30%,50%,70%,95% {top: -175px;} 25% {top: -250px;}}
@-webkit-keyframes smiley-intro-2 {0%,25%,60%,100% {top: -50px;} 35%,55% {top: -175px;} 30% {top: -250px;}}
@-webkit-keyframes smiley-intro-3 {0%,30%,100% {top: -50px;} 65%, 95% {top: -25px;} 45%,60% {top: -175px;} 40% {top: -250px;}}
@-webkit-keyframes smiley-intro-4 {0%,35%,100% {top: -50px;} 70%, 95% {top: -15px;} 50%,65% {top: -175px;} 45% {top: -250px;}}
@-webkit-keyframes smiley-intro-tekst {0%,65%,100% {opacity: 0;} 75%,90%{opacity: 1;}}
@-webkit-keyframes smiley-response {0%,100% {top: 0px;} 25%,75% {top: -175px;}}

@keyframes smiley-intro-1 {0%,20%,55%,65%,100% {top: -50px;} 10%,30%,50%,70%,95% {top: -175px;} 25% {top: -250px;}}
@keyframes smiley-intro-2 {0%,25%,60%,100% {top: -50px;} 35%,55% {top: -175px;} 30% {top: -250px;}}
@keyframes smiley-intro-3 {0%,30%,100% {top: -50px;} 65%, 95% {top: -25px;} 45%,60% {top: -175px;} 40% {top: -250px;}}
@keyframes smiley-intro-4 {0%,35%,100% {top: -50px;} 70%, 95% {top: -15px;} 50%,65% {top: -175px;} 45% {top: -250px;}}
@keyframes smiley-intro-tekst {0%,65%,100% {opacity: 0;} 75%,90%{opacity: 1;}}
@keyframes smiley-response {0%,100% {top: 0px;} 25%,75% {top: -175px;}}

@-webkit-keyframes smiley-intro-xs {
	0%,2.001%,4.001%,6.001%,8.001%,10.001%,12.001%,14.001%,16.001%,18.001%,20.001%,22.001%,24.001%,26.001%,28.001%,30.001%,32.001%,34.001%,36.001%,38.001%,40.001%,42.001%,44.001%,46.001%,48.001% {background-position: center 0px, center 54px;} 
	2%,4%,6%,8%,10%,12%,14%,16%,18%,20%,22%,24%,26%,28%,30%,32%,34%,36%,38%,40%,42%,44%,46%,48%,60%,100%{background-position: center -54px, center 0px;}
	}
@keyframes smiley-intro-xs {
	0%,2.001%,4.001%,6.001%,8.001%,10.001%,12.001%,14.001%,16.001%,18.001%,20.001%,22.001%,24.001%,26.001%,28.001%,30.001%,32.001%,34.001%,36.001%,38.001%,40.001%,42.001%,44.001%,46.001%,48.001% {background-position: center 0px, center 54px;} 
	2%,4%,6%,8%,10%,12%,14%,16%,18%,20%,22%,24%,26%,28%,30%,32%,34%,36%,38%,40%,42%,44%,46%,48%,60%,100%{background-position: center -54px, center 0px;}
	}

.has-danger {-webkit-animation-name: shake; animation-name: shake; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}

.form-control + .form-control-feedback.tSelect {right: 10px;}

/****************** Mijn agenda *******************/
.agenda h2 {color: #231f20;}
.agenda .bg-title {background-color: #FFE307; font-size: 22px; font-weight: 600; padding-top: 8px; padding-bottom: 8px;}
.agenda .groen {background-color: #32cd32; color: #FFF; font-size: 22px; font-weight: 600; padding: 5px 15px 5px 120px;}
.agenda .groen .smiley4 {position: absolute; background: url('../pics_site/smiley-groot1.png') center bottom no-repeat; background-size: 80px 86px; width: 80px; height: 86px; left: -95px; top: -25px; z-index: 5; -webkit-animation-name: shake-v; animation-name: shake-v; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-iteration-count: 4; animation-iteration-count: 4; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.agenda .groen .smiley3 {position: absolute; background: url('../pics_site/smiley-groot2.png') center bottom no-repeat; background-size: 80px 86px; width: 80px; height: 86px; left: -95px; top: -25px; z-index: 5; -webkit-animation-name: shake-v; animation-name: shake-v; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.agenda .oranje {background-color: #ff6e00; color: #FFF; font-size: 22px; font-weight: 600; padding: 5px 15px 5px 120px;}
.agenda .oranje .smiley2 {position: absolute; background: url('../pics_site/smiley-groot3.png') center bottom no-repeat; background-size: 80px 86px; width: 80px; height: 86px; left: -95px; top: -25px; z-index: 5; -webkit-animation-name: shake; animation-name: shake; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.agenda .oranje .smiley1 {position: absolute; background: url('../pics_site/smiley-groot4.png') center bottom no-repeat; background-size: 80px 86px; width: 80px; height: 86px; left: -95px; top: -25px; z-index: 5; -webkit-animation-name: shake; animation-name: shake; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-iteration-count: 4; animation-iteration-count: 4; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.agenda .content {background-color: #eff3f5; color: #231f20; font-size: 20px; padding: 50px 15px 25px 15px;}
.agenda .blauw {color: #312783; font-size: 18px;}
.agenda .tips {font-size: 20px;}
.agenda .tips h5 {font-size: 22px; line-height: 22px;}
.agenda .tips a {color: #7d00ff;}
.agenda .header_tekst {font-size: 18px; margin-bottom: 15px;}
.agenda .header_tekst a {color: #7d00ff;}

.agenda.vervolg ul {margin-bottom: 0px;}
.agenda.vervolg .oranje {background-color: #ff6e00; color: #FFF; font-size: 20px; padding: 5px 30px; margin-top: 10px;}
.agenda.vervolg .groen {background-color: #32cd32; color: #FFF; font-size: 20px; padding: 5px 30px; margin-top: 10px;}
.agenda.vervolg .geel {background-color: #FFE307; font-size: 20px; padding: 5px 30px; margin-top: 10px;}
.agenda.vervolg .uitslag {background-color: #eff3f5; color: #231f20; font-size: 20px;  padding: 10px 30px 10px 8px;}
.agenda.vervolg .tips {background-color: #FFF2CF; color: #777; font-size: 20px; padding: 10px 30px 10px 8px;}
.agenda.vervolg .tips ul li {list-style-type: none; position: relative;}
.agenda.vervolg .tips ul li:before{font-family: "Font Awesome 6 Free";  content: "\f30b"; position: absolute; left: -17px; top: 4px; font-size: 12px; font-weight: 900; font-variant: normal; font-style: normal;}


.vervolg-tip {font-size: 18px; margin-top: 25px;}

/******************** Footer *********************/
.site-footer {margin-top: 32px; padding: 64px 0 50px 0; color: #5a5a5a; background-color: #FFF; font-size: 15px; line-height: 1.6;}
.site-footer h5 {font-size: 20px; font-weight: 700;}
.site-footer p {line-height: 1.8;}
.site-footer .footer-title {font-weight: 600; margin-bottom: 9px;}
.site-footer .contact-link, .site-footer .footer-link {color: #5a5a5a; text-decoration: none;}
.site-footer .contact-link:hover, .site-footer .contact-link:focus, .site-footer .footer-link:hover, .site-footer .footer-link:focus {color: #7d00ff;}
.site-footer .footer-logos a, .cta-footer .footer-logos a {max-width: 90px;}
.site-footer .footer-logos a .img-fluid, .cta-footer .footer-logos a .img-fluid {max-height: 75px;}

.site-bottom {padding-top: 32px; padding-bottom: 32px; border-top: 1px solid #e6e6e6; color: #5a5a5a; background-color: #FFF;}


@media (max-width: 991px) {
	.navbar h1.subtitel {font-size: 26px;}
	.navbar h1 small {font-size: 16px;}
	.m-top-home, .agenda {margin-top: 105px;}
	.m-top-vervolg {margin-top: 105px;}
	.xs-smiley-anim {height: 104px; padding: 25px 0px;}
	.xs-smiley-anim-vervolg {display: none!important;}
	.xs-smiley-anim .resp-sm1 {background: url('../pics_site/smiley-groot4.png') center 0px no-repeat, url('../pics_site/smiley-groot4.png') center 54px no-repeat; background-size: 50px 54px; height: 54px; -webkit-animation: smiley-intro-xs 4s infinite; animation: smiley-intro-xs 4s infinite;}
	.xs-smiley-anim .resp-sm2 {background: url('../pics_site/smiley-groot3.png') center 0px no-repeat, url('../pics_site/smiley-groot3.png') center 54px no-repeat; background-size: 50px 54px; height: 54px; -webkit-animation: smiley-intro-xs 4s infinite; animation: smiley-intro-xs 4s infinite; -webkit-animation-delay: 0.5s; animation-delay: 0.5s;}
	.xs-smiley-anim .resp-sm3 {background: url('../pics_site/smiley-groot2.png') center 0px no-repeat, url('../pics_site/smiley-groot2.png') center 54px no-repeat; background-size: 50px 54px; height: 54px; -webkit-animation: smiley-intro-xs 4s infinite; animation: smiley-intro-xs 4s infinite;-webkit-animation-delay: 1s; animation-delay: 1s;}
	.xs-smiley-anim .resp-sm4 {background: url('../pics_site/smiley-groot1.png') center 0px no-repeat, url('../pics_site/smiley-groot1.png') center 54px no-repeat; background-size: 50px 54px; height: 54px; -webkit-animation: smiley-intro-xs 4s infinite; animation: smiley-intro-xs 4s infinite;-webkit-animation-delay: 1.5s; animation-delay: 1.5s;}	
	
	.vraag_regels {line-height: 1.5em; padding-top: 10px; padding-bottom: 10px;}
	.vraag_regels .smiley {background: url('../pics_site/smiley-1.png') center top no-repeat; background-size: 60px 128px; height: 64px;}	
	.vraag_regels .smiley1 {background: url('../pics_site/smiley-1.png') center bottom no-repeat; background-size: 60px 128px; height: 64px;}
	.vraag_regels .smiley2 {background: url('../pics_site/smiley-2.png') center bottom no-repeat; background-size: 60px 128px; height: 64px;}
	.vraag_regels .smiley3 {background: url('../pics_site/smiley-3.png') center bottom no-repeat; background-size: 60px 128px; height: 64px;}
	.vraag_regels .smiley4 {background: url('../pics_site/smiley-4.png') center bottom no-repeat; background-size: 60px 128px; height: 64px;}
	
	.vraag_regels .smiley1.vervolg {background: url('../pics_site/smiley-4.png') center bottom no-repeat; background-size: 50px; height: 50px;}
	.vraag_regels .smiley2.vervolg {background: url('../pics_site/smiley-3.png') center bottom no-repeat; background-size: 50px; height: 50px;}
	.vraag_regels .smiley3.vervolg {background: url('../pics_site/smiley-2.png') center bottom no-repeat; background-size: 50px; height: 50px;}
	.vraag_regels .smiley4.vervolg {background: url('../pics_site/smiley-1.png') center bottom no-repeat; background-size: 50px; height: 50px;}
	
	input[type=range] {-webkit-appearance: none; width: 100%; margin: 21px 0;}
	input[type=range]:focus {outline: none;}
	input[type=range]::-webkit-slider-runnable-track {width: 100%; height: 8px; cursor: pointer; box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; background: #C6C6C6; border-radius: 1px; border: 0px solid #010101;}	input[type=range]::-webkit-slider-thumb {box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; border: 0px solid #000000; height: 50px; width: 20px; border-radius: 10px; background: #000; cursor: pointer; -webkit-appearance: none;  margin-top: -21px;}
	input[type=range]:focus::-webkit-slider-runnable-track {background: #e7e7e7;}
	input[type=range]::-moz-range-track {width: 100%; height: 8px; cursor: pointer; box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; background: #C6C6C6; border-radius: 1px; border: 0px solid #010101;}
	input[type=range]::-moz-range-thumb {box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; border: 0px solid #000000; height: 50px; width: 20px; border-radius: 10px; background: #000; cursor: pointer;}
	input[type=range]::-ms-track {width: 100%; height: 8px; cursor: pointer; background: transparent; border-color: transparent; color: transparent;}
	input[type=range]::-ms-fill-lower {background: #cdcdcd; border: 0px solid #010101; border-radius: 2px; box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;}
	input[type=range]::-ms-fill-upper {background: #C6C6C6; border: 0px solid #010101; border-radius: 2px; box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;}
	input[type=range]::-ms-thumb {box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; border: 0px solid #000000; height: 50px; width: 20px; border-radius: 10px; background: #000; cursor: pointer;}
	input[type=range]:focus::-ms-fill-lower {background: #C6C6C6;}
	input[type=range]:focus::-ms-fill-upper {background: #e7e7e7;}
	
	.select-home {margin-top: 20px; margin-bottom: 27px;}
	
	.vraag_regels .xs-anders {padding: 2px 25px 0px 25px;}
	.vraag_regels .xs-anders .input-anders {border-radius: 0px; padding-left: 19px;}
	.vraag_regels:nth-of-type(even) .xs-anders .input-anders {background-color: #F6F6F6;}
	
	.agenda.vervolg .oranje {margin-top: 25px;}
	.agenda.vervolg .groen {margin-top: 25px;}
	
	.agenda .btn {font-size: 1.25rem;}

}
@media (max-width: 767px) {
	.m-top-home, .agenda {margin-top: 128px;}
	.m-top-vervolg {margin-top: 128px;}
	.navbar_bg h1 {font-size: 22px; margin-top: 10px;}
	.btn-xs-m-top-10 {margin-top: 10px;}
	.m-xs-margin {margin-bottom: 25px;}
	
	.agenda .content {padding-left: 15px;}
}
@media (max-width: 400px) {
	.navbar h1 {font-size: 1.25rem;}
	.navbar h1 small {vertical-align: text-bottom;}
}

@media (min-width: 768px) {.navbar_bg h1 {font-size: 22px; margin-top: 15px;}}
@media (min-width: 992px) {
	.navbar h1.subtitel {font-size: 26px;}
	.navbar h1 small {font-size: 18px;}
	.m-top-home {margin-top: 213px; background-color: #FFF;}
	.m-top-vervolg {margin-top: 150px;}
	.agenda {margin-top: 80px;}
	
	.smiley-top-1 {position: absolute; background: url('../pics_site/smiley-groot1.png') center top no-repeat; background-size: 200px 215px; height: 215px; left: 0px; top: -115px; z-index: -1; -webkit-animation: smiley-intro-1 4s  infinite; animation: smiley-intro-1 4s infinite;}
	.smiley-top-2 {position: absolute; background: url('../pics_site/smiley-groot2.png') center top no-repeat; background-size: 200px 215px; height: 215px; left: 234px; top: -115px; z-index: -1; -webkit-animation: smiley-intro-22 4s infinite; animation: smiley-intro-2 4s infinite;}
	.smiley-top-3 {position: absolute; background: url('../pics_site/smiley-groot3.png') center top no-repeat; background-size: 200px 215px; height: 215px; left: 468px; top: -115px; z-index: -1; -webkit-animation: smiley-intro-32 4s infinite; animation: smiley-intro-3 4s infinite;}
	.smiley-top-4 {position: absolute; background: url('../pics_site/smiley-groot4.png') center top no-repeat; background-size: 200px 215px; height: 215px; left: 702px; top: -115px; z-index: -1; -webkit-animation: smiley-intro-42 4s infinite; animation: smiley-intro-4 4s infinite;}
	.smiley-tekst {position: absolute; left: 555px; top: -125px; opacity: 0; -webkit-animation: smiley-intro-tekst 4s infinite; animation: smiley-intro-tekst 4s infinite; font-family: komet, sans-serif; font-weight: 900; font-style: normal; font-size: 80px; color: #333;}
	
	.smiley-response {position: absolute; height: 245px; width: 228px; left: 686px; top: 0px; z-index: -1;}
	.smiley-response.sm1 {background: url('../pics_site/smiley-groot4.png') center top no-repeat; background-size: 228px 245px; -webkit-animation: smiley-response 0.5s; animation: smiley-response 0.5s;}
	.smiley-response.sm2 {background: url('../pics_site/smiley-groot3.png') center top no-repeat; background-size: 228px 245px; -webkit-animation: smiley-response 0.5s; animation: smiley-response 0.5s;}
	.smiley-response.sm3 {background: url('../pics_site/smiley-groot2.png') center top no-repeat; background-size: 228px 245px; -webkit-animation: smiley-response 0.5s; animation: smiley-response 0.5s;}
	.smiley-response.sm4 {background: url('../pics_site/smiley-groot1.png') center top no-repeat; background-size: 228px 245px; -webkit-animation: smiley-response 0.5s; animation: smiley-response 0.5s;}
	
	.keuzes h3 {font-size: 1.25rem;}
	
	.select-home {margin-top: 2px;}
	.tips h5 {margin-top: 10px;}
	.tips .tipcontent {margin-top: 10px;}
	
	.agenda.vervolg .uitslag.first {padding-top: 25px;}
	.agenda.vervolg .uitslag.last {padding-bottom: 25px;}
	.agenda.vervolg .tips.first {padding-top: 25px;}
	.agenda.vervolg .tips.last {padding-bottom: 25px;}
		
	.row.m-right-5 {margin-right: -10px;}
	.row.m-left-5 {margin-left: -10px;}
	
	.row.is-flex {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
	.row.is-flex > col-md-6 {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
	
	.vraag_regels .input-anders {border-radius: 0px; padding-right: 0px; border: none; -webkit-box-shadow: none; box-shadow: none;}
	.vraag_regels:nth-of-type(even) .input-anders {background-color: #fffacc;}
	
	.vervolg-tip {margin-top: 73px;}
}
@media (min-width: 1200px) {
	.navbar h1.subtitel {font-size: 32px;}
	.vraag_regels .input-anders {padding-right: 16px;}
	
	.smiley-top-1 {left: 0px;}
	.smiley-top-2 {left: 279px;}
	.smiley-top-3 {left: 558px;}
	.smiley-top-4 {left: 837px;}
	.smiley-tekst {left: 675px;}
	
	.smiley-response {left: 836px;}	
	.tips .tipcontent {margin-left: -25px;}
}
@media (min-width: 1400px) {
	.smiley-top-1 {left: 0px;}
	.smiley-top-2 {left: 324px;}
	.smiley-top-3 {left: 648px;}
	.smiley-top-4 {left: 972px;}
	.smiley-tekst {left: 778px;}
	.keuzes h3 {font-size: 1.5rem;}
	
	.smiley-response {left: 986px;}	
}