*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

.header-wrapper{
    padding: 20px;
}

.header-wrapper h1{
    font-family: 'Roboto Slab';
    font-size: 24px;
    margin: 0px;
}

.header-wrapper p{
    font-family: 'Merriweather Sans';
    font-size: 16px;
    margin-top: 5px;
}


.main-wrapper{
    padding: 20px;
    position: relative;
}

.main-wrapper .panel{
    position: absolute;
    top: 30px;
    left: 30px;
    padding: 15px;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    z-index: 9999999999999;
}

.main-wrapper .panel #select{
    font-family: 'Merriweather Sans';
    font-size: 16px;
}

.gm-style-iw {
    max-width:  300px;
}

.divisor-line{
	background-color: #000;
	width: 100%;
}

.top{
	height: 4px;
}

.bot{
	margin-top: 20px;
	height: 2px;
}


.main-wrapper #map {
    height: 55vh;
}

p {
    font-family: 'Merriweather Sans';
    font-size: 16px;
    margin-top: 10px;
}