#first_map {
	margin: auto;	
	margin-top: 5vh;
    width: 90%;
    height: calc(100vh - 67px);
}

.textMarker {
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
}

@media screen and (min-width: 1100px) {
    .content {
        display: flex;
        align-items: center;
    }
    #first_map {
        height: calc(100vh - 167px);
        border: 10px solid #000;
    }
}
.my-balloon {
            display: inline-block;
            padding: 4px 10px;
            height: 75px;
            position: relative;
            bottom: 80px;
            left: -10px;
            width: 300px;
            font-size: 11px;
            line-height: 15px;
            color: #333333;
            text-align: left;
            vertical-align: middle;
            background-color: #FFFFF6;
            border: 1px solid #CDB7B5;
            border-radius: 6px;
            font-family: Arial;
        }
        .close {
            margin-top: -3px;
        }