@import url('https://fonts.googleapis.com/css?family=Copse') (min-width: 992px);
@import url('https://fonts.googleapis.com/css?family=Roboto');

/* very small devices */
@media screen and (max-width: 239px) {
    body {
      font-size: 10px;
    }
    .header-logo {
      background-image: url("http://www.psycholoogdenhelder.nl//pics/header/kamer_willemsoord_240.jpg");
      font-size: 130%;
    }
    h3, .header-logo {
      font-size: 12px;
    }
}
/* Extra small devices (phones, up to 480px) */
@media (min-width: 240px) and (max-width: 479px) {
    body {
       font-size: 12px;
    }
    .header-logo {
       background-image: url("http://www.psycholoogdenhelder.nl//pics/header/kamer_willemsoord_480.jpg");
       font-size: 160%;
    }
    h3, .header-logo {
       font-size: 16px;
    }
}
/* Extra small devices (phones, up to 480px) */
@media (min-width: 480px) and (max-width: 991px) {
    body {
        font-size: 12px;
    }
    .header-logo {
        background-image: url("http://www.psycholoogdenhelder.nl//pics/header/kamer_willemsoord_768.jpg");
        font-size: 200%;
    }
    h3, .header-logo {
        font-size: 20px;
    }
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 1100px) {
    body {
        font-size: 14px;
    }
    .header-logo {
        background-image: url("http://www.psycholoogdenhelder.nl//pics/header/kamer_willemsoord_flat.jpg");
        font-family: 'Copse', cursive;
        font-size: 200%;
    }
     h3 {
        font-size: 20px;
        font-family: 'Copse', cursive;
     }
}


body {
background-color: #87b6a7;
font-family: Roboto, Arial, sans-serif;
color: #404041;
}

a, a:visited {
	color: #404040;
	font-weight: bold;
}

a:hover {
	color: #d02552;
	text-decoration: underline;
	font-weight-bold;
}

.container {
	background-color: #87B6A7;
}

.navbar-inverse {
background-color: #87B6A7;
}

.article {
margin-top: 160px;
}

.panel-default {
border-width: 1px;
}

.container .jumbotron {
padding: 10px;
}

.corona {
background-image: url("http://www.psycholoogdenhelder.nl//pics/corona_icon_transp.png");
height: 450px;
background-repeat: no-repeat;
background-size: cover;
background-blend-mode: lighten;
animation: mymove 2s;
animation-iteration-count: infinite;
}

@keyframes mymove {
from {background-position: 0% 0%; background-color: #EAEAEA;}
to {background-position: 100% 100%; background-color: #FAFAFA;}
}

.jumbotron .glyphicon .glyphicon-envelope  {
font-size: 3em;
}

.header-logo-text {
}

h3 {
margin-top: 10px;
/*    margin-bottom: 0px;*/
font-weight: bold;
}

h4 {
margin-top: 14px;
font-weight: bold;
font-size: 100%;
}

.header-logo {
background-repeat: no-repeat;
background-position: center;
text-align: center;
font-weight: bold;
padding: 10px;
color: white;
border: 1px #000;
}

.container .row .footer {
color: white;
background-color: #d02552; /*#ce8483;*/

}

.container .row .footer a {
color: white;
}

.navbar-header {
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
margin-left: 0;
}

.panel {
background-color:  #b2cecf;
}

.panel .panel-heading {
color: white;
background-color: #d02552; /*#ce8483;*/
}

.navbar-nav {
/*    background-color: #d02552; */
color: black;
}

ul.dropdown {
font-size: 80%;
}

.navbar-custom {
border-color: #72a998;
}

.navbar-brand {
color: #ffffff;
}

.navbar-brand:hover,
.navbar-brand:focus {
color: #d02552;
background-color: transparent;
}

.navbar-custom .navbar-text {
color: #d02552;
}

.navbar-custom .navbar-nav > li > a {
color: #ffffff;
}

.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
color: #d02552;
background-color: transparent;
}

.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
color: #ffffff;
background-color: #72a998;
}

.navbar-custom .navbar-nav > .disabled > a,
.navbar-custom .navbar-nav > .disabled > a:hover,
.navbar-custom .navbar-nav > .disabled > a:focus {
color: #cccccc;
background-color: transparent;
}

.navbar-toggle {
border-color: #dddddd;
}

.navbar-toggle:hover,
.navbar-toggle:focus {
background-color: #adead9;
}

.navbar-toggle .icon-bar {
background-color: #cccccc;
}

.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
border-color: #71a897;
}

.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret {
border-top-color: #d02552;
border-bottom-color: #d02552;
}

.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
background-color: #72a998;
color: #ffffff;
font-size: 1em;
}

.navbar-custom .navbar-nav > .open > a .caret,
.navbar-custom .navbar-nav > .open > a:hover .caret,
.navbar-custom .navbar-nav > .open > a:focus .caret {
border-top-color: white;
border-bottom-color: white;
}

.navbar-custom .navbar-nav > .dropdown > a .caret {
border-top-color: #ffffff;
border-bottom-color: #ffffff;
}

@media (max-width: 767px) {

.navbar-custom .navbar-nav .open .dropdown-menu > li > a {
color: #000000;
}

.navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
color: #ffffff;
background-color: transparent;
}

.navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
.navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #ffffff;
background-color: #72a998;
}

.navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #cccccc;
background-color: transparent;
}

}

.navbar-nav
.navbar-custom .navbar-link {
color: #000000;
}

.navbar-custom .navbar-link:hover {
color: #ffffff;
}