header {
    vertical-align: center; 
    text-align: center;
    padding:5px 0px;
    margin: 5px;
    background-color:#c9c9f0;
    color:#204020;
    border-radius: 45px 45px 0px 0px;
}
header h1 {
    color: rgba(0,0,0,0.7);
}
header h2 {
    color: rgba(0,0,128,0.7);
    padding:0px 20px;
    margin:5px 10px;
}
header h3 {
    color: rgba(0,0,0,0.6);
    font-weight: bold;
    padding:5px;
    margin:5px;
}
header h4 {
    color: rgba(0,0,0,0.6);
    font-weight: normal;
    padding:5px;
    margin:15px 5px;
}
header div {
    display: inline-block;
    border-radius: 25px;
}
header div img {
    margin:15px 30px 15px 15px;
    float:left;
}
header div.title {
    text-align: left;
    border:solid rgba(0,0,0,0.5) 3px;
    padding:5px;
    background-color:rgba(235,235,255,0.4);
    min-height:100px;
}

@media screen and (max-width: 550px) {

    header h1 {
        margin:25px 5px 15px 5px;
        font-size: 1.6em;
    }
    header h2 {
        font-size: 1.1em;
    }
    header h3 {
        font-size: 0.9em;
    }
    header h4 {
        font-size: 1em;
    }
}

@media screen and (min-width: 550px) and (max-width: 700px) {
    header h1 {
        margin:23px 5px 15px 5px;
        font-size: 1.8em;
    }
    header h2 {
        font-size: 1.3em;
    }
    header h3 {
        font-size: 1.0em;
    }
    header h4 {
        font-size: 1.1em;
    }
}

@media screen and (min-width: 700px) {
    header h1 {
        margin:20px 5px 15px 5px;
        font-size: 2em;
    }
    header h2 {
        font-size: 1.5em;
    }
    header h3 {
        font-size: 1.1em;
    }
    header h4 {
        font-size: 1.2em;
    }
}

@media screen and (max-width: 640px) {

    header div.title {
        width:95%;
    }

    header div img {
        width:35%;
    }

}

@media screen and (min-width: 640px) {

    header div.title {
        min-width:580px;
        max-width:680px;
	width:80%;
    }

    header div img {
        width:200px;
    }

}

@media screen and (min-width: 1200px) {

    header div.title {
        min-width:580px;
        max-width:680px;
        width:60%;
    }

}