html {
  	font-size: 1rem;
}

body {
	background-color: #f7f4f0;
	font-family: 'Roboto', sans-serif;
	line-height:2.0;
}

h1, h2, h3{
	font-family: 'Prata', serif;
}

h1{
	color:#dfd2c2;
}

img{
	margin:0;
	padding:0;
	max-width:100%;
}

a{
	text-decoration: none;
	color:inherit;
}

a:hover{
	color:#826054;
	text-decoration: none;
}

/*
div{
	border:1px solid red;
}*/

.container-full {
  margin: 0 auto;
  width: 100%;
}

.ul-footer{
	padding:0;
	list-style: none;
}

.subtitle{
	font-weight:700;
}

.button{
	font-size:0.8rem;
	letter-spacing:0px;
	font-weight:500;
	padding:.5em;
	border:2px solid #645e59;
	color:#645e59;
}

.button:hover, .button.active {
	text-decoration: none;
	border:2px solid #645e59;
	color:#dfd2c2;
	background-color:#645e59;
}
.textpanel{
	border-left:3px solid #dfd2c2;
}

.image-full{
	margin:3em;
}

.fixed{
	position:relative;
}

.bold{
	font-weight:700;
}
.menu-row{
	color:;
	background-color:#dfd2c2;
}

.menu-icon{
	width:50%;
}

.oppervlakten{
	color:#826054;
	background-color:#bccfd0;
}

.kadaster{
	color:#645e59;
	background-color:#dfd2c2;
}

.omgeving{
	color:#645e59;
}

.voorzieningen{
	color:#f7f4f0;
	background-color:#bccfd0;
}

.footer{
	color:#c58f7c;
	background-color:#604d45;
}

.footer a:hover{
	color:#fff;
	text-decoration: none;
}

/* maps */
.map-responsive{
    overflow:hidden;
    padding-bottom:30%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.plattegrond{
	color:#c58f7c;
}

.kamers{
	color:#826054;
}

.tabel{}
.tabel td{
	border-bottom:1px solid #ededed;
}


/*
    /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
		h2{font-size: 3rem;}
		h3{font-size: 1.6rem;}
		.button{font-size:1rem;letter-spacing:2px;
	}

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
    	h1{font-size: 2.5rem;}
		h2{font-size: 3rem;}
		h3{font-size: 1.9rem;}	

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
    	h1{font-size: 6rem;}
		h2{font-size: 3rem;}
		h3{font-size: 1.4rem;}	
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
		h1{font-size: 7rem;}
		h2{font-size: 4rem;}
		h3{font-size: 1.6rem;}		
    }