head
{
    background-color: #71a4fc;
}

.fjalla-one-regular {
  font-family: "Fjalla One", sans-serif;
  font-weight: 400;
  font-style: normal;
}


header
{
    background-color: #71a4fc; 
    color: #2D3A55;
    text-decoration: none;
    font-size: 50px;
    padding-top: 50px;
    padding-bottom: 50px;
    margin: 0px;
    text-align:center;
    display: block;
    width: 100%;
    height: 200px;
    

}

header a
{
    text-align: center;
    text-decoration: none;
    color: #2D3A55;
    width: 100%;
}

.logo_img{
    position:center;
}





.navbar {
		background-color: #71a4fc;
		position: relative;
		z-index: 999;
		font-size: 30px;
	}

	.navbar ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
    background: #71a4fc;
    
	}

    .navbar ul:hover ul{
        background-color:#D6EADF;
    }

	.navbar li {
		display: inline-block;
		padding-right: 50px;
		padding-left: 50px;
	}

	.navbar li a {
		color: #2D3A55;
		display: block;
		
	}

	/* Style the dropdown menu */
	.navbar ul ul {
		position: absolute;
		top: 100%;
		display: none;
	}

	.navbar ul ul li {
		display: block;
	}

	.navbar li:hover ul {
		display: block;
		background-color: #71a4fc;
	}

	/* Change the background color of dropdown links on hover */
	.navbar ul ul li a:hover {
		background-color: #71a4fc;
	}






body
{
    background-color: #D6EADF;
}


h1{
    color:#0C7C59;
    font-size: 50px;
}

h2
{
    color: #0C7C59;
    text-decoration: none;
    font-size: 30px;
}

.houses{
    padding:10px;
    float: inherit;
}

.hbox{
    text-decoration: none;
}


.boxl
{
    text-decoration: none;
    background-color: #B8E0D2;
    text-align:center;
    width: 40%;
    padding: 10px;
    padding-bottom: 100px;
    margin: 10px;
    float: left;
    clear:left;
    
}


.boxr
{
    text-decoration: none;
    background-color: #B8E0D2;
    text-align:center;
    width: 40%;
    padding: 10px;
    padding-bottom: 100px;
    margin-right: 10px;
    float: right;
    clear: right;
}

.about{
    padding-top:25px;
}

.right_imgs {
    float: right;
    padding-top: 120px;
    padding-bottom: 120px;
    height: 400px;
}

.left_imgs {
    float: left;
    padding-top: 120px;
    padding-bottom: 120px;
    height: 400px;
}

.right_p{
    padding-top: 120px;
    padding-bottom: 120px;
    line-height: 50px;
    padding-right:35px;
}

.left_p{
    padding-top: 120px;
    padding-bottom: 120px;
    line-height: 50px;
    padding-left: 35px;
}

@media screen and (min-width: 601px){
.iframe {
    float: right;}
}
@media screen and (max-width: 600px){
.iframe {
    width: 90%;
    float: inherit;}
}

footer{
    background-color: #71a4fc; 
    color: #2D3A55;
    display: block;
    width: 100%;
    height: 150px;
    clear:both;
    font-size: 10px;
    
}

.footer{
    text-decoration: none;
    color: #2D3A55;
    font-size: 25px;
    text-align:center;
    display: inline;
}



p {
    color: #2D3A55;
    font-size: 25px;
    margin: 10px;
    padding-right: 50px;
    padding-left: 50px;
    
}

.a{
    color: #2D3A55;
    font-size: 25px;
}

.form{
    color: #2D3A55;
    font-size: 25px;
    margin: 10px;
    padding-right: 50px;
    padding-left: 50px;
    clear:both;
}

ul
{color: #2D3A55;
    font-size: 25px;
    margin: 10px;
    padding-right: 50px;
    padding-left: 50px;
}