notes {center small bookmark links on buy page}

body, main {max-width: 1200px;
width: 80%;
margin-right: auto;
margin-left: auto;}


h1 {font-size: 2.5em;
font-family: 'Raleway', sans-serif;}

h2 {font-size: 2em;
font-family: 'Raleway', sans-serif;}

h3 {font-size: 1.5em;
font-family: 'Raleway', sans-serif;
letter-spacing: 0.05em}

h4 {font-size: 1.25em;
font-family: 'Raleway', sans-serif;}

h5 {}

p {font-family: 'Nunito', sans-serif;
font-size: 1.1em;
text-align: center;}


.clearboth {clear: both;}

.headerborder {border-bottom: 2px #053359 solid;
overflow: hidden;
padding-bottom: 15px;
margin-bottom: 15px;}

.homelogo {width: 250px;
float: left;
margin-right: 100px;
list-style-type: none;
margin-top: 0px;}

nav {padding-right: 0px;
width: 1100px;
margin-left: auto;
margin-right: auto;}

.navul {list-style-type: none;
padding-left: 0px;}

.navli {display: inline-block;
font-family:'Exo 2', sans-serif;
font-weight: bold;
letter-spacing: 0.1em;
font-size: 1.5em;
background-color: #4DAFFF;
border-radius: 10px;
text-align: center;
padding: 15px 25px;
width: 120px;
margin-right: 50px;
margin-top: 28px;}

a.navlinks:link {text-decoration: none;
color: white;}

a.navlinks:visited {text-decoration: none;
color: white;}

a.navlinks:hover {text-decoration: none;
color: white;}

a.navlinks:active {text-decoration: none;
color: white;}


.navli:link {text-decoration: none;
color: white;
background-color: #053359;}

.navli:visited {text-decoration: none;
color: white;
background-color: #053359;}

.navli:hover {text-decoration: none;
color: white;
background-color: #053359;}

.navli:active {text-decoration: none;
color: white;
background-color: #053359;}



.homelinks:link {color:#053359;}

a.homelinks:visited {color:#053359;}

a.homelinks:hover {color:#0E58D7;}

a.homelinks:active {color:#4DAFFF;}


.slideshow {margin-top: 15px;
margin-bottom: 10px;}

.homep {width: 75%;
max-width: 1200px;
min-width: 225px;
margin-right: auto;
margin-left: auto;}



.agentstopp {max-width: 700px;
min-width: 300px;    
width: 75%;
margin-left: auto;
margin-right: auto;
margin-bottom: 40px;
margin-top: 30px;}

.agentssections {clear: both;
overflow: hidden;
margin-top: 25px;
width: 100%;
max-width: 1200px;
min-width: 600px;
border-bottom: solid 2px #053359;
padding-bottom: 25px;}

.agentsimgsection {float: left;
width: 25%;}

.agentsimg {width: 100%;
min-width: 150px;
float: left;}

.agentsnames {margin-left: 15px;
text-align: left;}

.agentsp {min-width: 250px;
width: 70%;
float: left;
text-align: left;
margin-left: 15px;}




.buyul {}

.buyli {list-style-type: underline;
display: inline;
font-family: 'Nunito', sans-serif;}


.buyli:link {text-decoration: underline;
color: black;}

.buyli:visited {text-decoration: underline;
color: black;}

.buyli:hover {text-decoration: underline;
color: #0E58D7;}

.buyli:active {text-decoration: underline;
color: #4DAFFF;}


.buya:link {text-decoration: underline;
color: black;}

.buya:visited {text-decoration: underline;
color: black;}

.buya:hover {text-decoration: underline;
color: #0E58D7;}

.buya:active {text-decoration: underline;
color: #4DAFFF;}

.margin-left {margin-left: 15px;}

.housesli {list-style-type: square;
font-family: 'Nunito', sans-serif;}

.housesaddress {margin-left: 0px;
text-align: left;}

.housesp {width: 75%;
min-width: 225px;
max-width: }

.housesbigdiv {margin-left: 5%;
margin-right: auto;
margin-left: auto;
margin-top: 25px;
clear: both;
overflow: hidden;
border-top: solid #053359 1px;
}

.textdivhouses {float: left;
width: 50%;}

.shousesdiv {float: left;
width: 50%;
margin-top: 100px;}

.contactli {list-style-type: square;
font-family: 'Nunito', sans-serif;}

label {font-family: 'Nunito', sans-serif; }

form {margin-left: 15px;
width: 75%;
float: left;}

.formdiv {width: 60%;
min-width: 250px;
float: left;}

.contact {margin-left: 15px;}

.map {float: left;
width: 40%;
min-width: 150px;
margin-bottom: 35px;}

.aslideshow {margin-top: 25px;
}



.thankyoulinks:link {color:#053359;
text-align: center;
font-family: 'Nunito', sans-serif;
margin-top: 0px;}

a.thankyoulinks:visited {color:#053359;
text-align: center;
font-family: 'Nunito', sans-serif;
margin-top: 0px;}

a.thankyoulinks:hover {color:#0E58D7;
text-align: center;
font-family: 'Nunito', sans-serif;
margin-top: 0px;}

a.thankyoulinks:active {color:#4DAFFF;
text-align: center;
font-family: 'Nunito', sans-serif;
margin-top: 0px;}

.topthankyoup {margin-bottom: 0px;}

.thankyoup {margin-top: 0px;}


footer {background-color: #053359;
height: 75px;
width: 1200px;
margin-bottom: 0px;
margin-top: 35px;
margin-left: auto;
margin-right: auto;
clear: both;
overflow: hidden;}

.footerlogo {clear: both;
height: 75px;
margin-top: 0px;
margin-left: 35px;
float: left;}

.secondfooterp {font-size: 0.5em;
color: white;
float: right;
margin-right: 15px;
margin-top: 0px;
margin-bottom: 0px;}

.footericon {font-size: 2em;
color: #FFFFFF;
float: left;
margin-top: 22px;
margin-left: 25px;}

.footerlocation {list-style-type: none;
color: white;
padding-top: 2px;
margin-left: 12px;
float: left;
font-family: 'Nunito', sans-serif;
text-align: center;}

.footerphonenumber {list-style-type: none;
color: white;
padding-top: 11px;
margin-left: 12px;
float: left;
font-family: 'Nunito', sans-serif;
text-align: center;}

.footeremail {list-style-type: none;
color: white;
margin-top: 16px;
margin-left: 12px;
float: left;
font-family: 'Nunito', sans-serif;
text-align: center;}



a.footerlinks:link {text-decoration: none;
color: white;}

a.footerlinks:visited {text-decoration: none;
color: white;}

a.footerlinks:hover {text-decoration: none;
color: white;}

a.footerlinks:active {text-decoration: none;
color: white;}





@media only screen and (max-width: 700px)

{
    
h1 {font-size: 2em;
font-family: 'Raleway', sans-serif;}

h2 {font-size: 1.75em;
font-family: 'Raleway', sans-serif;}

h3 {font-size: 1.5em;
font-family: 'Raleway', sans-serif;
letter-spacing: 0.05em}

h4 {font-size: 1.25em;
font-family: 'Raleway', sans-serif;}

h5 {}

p {font-family: 'Nunito', sans-serif;
font-size: 1em;
text-align: center;}

    
    
.marginleft {margin-left: 0px;}    
   
.buyul {margin-left: auto;
margin-right: auto;
width: 100%;}

.housesli {list-style-type: square;
font-family: 'Nunito', sans-serif;
text-align-last: left;}

.housesaddress {margin-left: 0px;
text-align: center;}

.housesp {width: 100%;
min-width: 225px;
max-width: }

.housesbigdiv {margin-left: 5%;
margin-right: auto;
margin-left: auto;
clear: both;
border-top: solid #053359 1px;
}

.textdivhouses {width: 75%;
float: none;
margin-right: auto;
margin-left: auto;
text-align: center;}

.shousesdiv {clear: both;
float: none;
width: 75%;
margin-top: 0px;
margin-right: auto;
margin-left: auto;}




.agentstopp {max-width: 700px;
min-width: 300px;    
width: 75%;
margin-left: auto;
margin-right: auto;
margin-bottom: 40px;
margin-top: 30px;}

.agentssections {clear: both;
overflow: hidden;
margin-top: 25px;
width: 100%;
max-width: 1200px;
min-width: 400px;
border-bottom: solid 2px #053359;
padding-bottom: 25px;
margin-right: auto;
margin-left: auto;}

.agentsimgsection {float: none;
margin-right: auto;
margin-left: auto;
width: 50%;
clear: both;
overflow: hidden;}

.agentsimg {width: 100%;
min-width: 200px;
float: left;
margin-right: auto;
margin-left: auto;
clear: both;
overflow: hidden;}

.agentsnames {margin-left: auto;
margin-right: auto;
text-align: center;
margin-top: 15px;
clear: both;
overflow: hidden;}

.agentsp {min-width: 250px;
width: 70%;
float: none;
clear: both;
text-align: left;
margin-left: auto;
margin-right: auto;}

}


@media only screen and (max-width: 1350px)
{
footer {background-color: #053359;
height: 75px;
width: 1100px;
margin-bottom: 0px;
margin-top: 35px;
margin-left: auto;
margin-right: auto;
clear: both;
overflow: hidden;}

    
.footerlogo {clear: both;
height: 75px;
margin-top: 0px;
margin-left: 35px;
float: left;}

.secondfooterp {font-size: 0.5em;
color: white;
float: right;
margin-right: 15px;
margin-top: 0px;
margin-bottom: 0px;}

.footericon {font-size: 2em;
color: #FFFFFF;
float: left;
margin-top: 22px;
margin-left: 25px;}

.footerlocation {list-style-type: none;
color: white;
padding-top: 7px;
margin-left: 12px;
float: left;
font-family: 'Nunito', sans-serif;
text-align: center;
font-size: .85em;}

.footerphonenumber {list-style-type: none;
color: white;
padding-top: 15px;
margin-left: 12px;
float: left;
font-family: 'Nunito', sans-serif;
text-align: center;
font-size: .85em;}

.footeremail {list-style-type: none;
color: white;
margin-top: 18px;
margin-left: 12px;
float: left;
font-family: 'Nunito', sans-serif;
text-align: center;
font-size: .85em;}
}




@media only screen and (max-width: 1240px)
{
footer {background-color: #053359;
height: 75px;
width: 925px;
margin-bottom: 0px;
margin-top: 35px;
margin-left: auto;
margin-right: auto;
clear: both;
overflow: hidden;}

    
.footerlogo {clear: both;
height: 75px;
margin-top: 0px;
margin-left: 10px;
float: left;}

.secondfooterp {font-size: 0.5em;
color: white;
float: right;
margin-right: 15px;
margin-top: 0px;
margin-bottom: 0px;}

.footericon {font-size: 2em;
color: #FFFFFF;
float: left;
margin-top: 22px;
margin-left: 10px;}

.footerlocation {list-style-type: none;
color: white;
padding-top: 7px;
margin-left: 6px;
float: left;
font-family: 'Nunito', sans-serif;
text-align: center;
font-size: .85em;}

.footerphonenumber {list-style-type: none;
color: white;
padding-top: 15px;
margin-left: 6px;
float: left;
font-family: 'Nunito', sans-serif;
text-align: center;
font-size: .85em;}

.footeremail {list-style-type: none;
color: white;
margin-top: 18px;
margin-left: 6px;
float: left;
font-family: 'Nunito', sans-serif;
text-align: center;
font-size: .85em;}
}


@media only screen and (max-width: 1040px)
{
footer {background-color: #053359;
height: 75px;
width: 700px;
margin-bottom: 0px;
margin-top: 35px;
margin-left: auto;
margin-right: auto;
clear: both;
overflow: hidden;}

    
.footerlogo {clear: both;
height: 75px;
margin-top: 0px;
margin-left: 10px;
float: left;}

.secondfooterp {font-size: 0.5em;
color: white;
float: right;
margin-right: 15px;
margin-top: 0px;
margin-bottom: 0px;}

.footericon {font-size: 2em;
color: #FFFFFF;
float: left;
margin-top: 22px;
margin-left: 10px;}

.footerlocation {list-style-type: none;
color: white;
padding-top: 15px;
margin-left: 6px;
float: left;
font-family: 'Nunito', sans-serif;
text-align: center;
font-size: .85em;}

.footerphonenumber {list-style-type: none;
color: white;
padding-top: 15px;
margin-left: 6px;
float: left;
font-family: 'Nunito', sans-serif;
text-align: center;
font-size: .85em;}

.footeremail {list-style-type: none;
color: white;
margin-top: 18px;
margin-left: 6px;
float: left;
font-family: 'Nunito', sans-serif;
text-align: center;
font-size: .85em;}

.emailspan {display: none;}
 
.phonenumberspan {display: none;}

.locationspan {display: none;}
    
}


@media only screen and (max-width: 795px)
{
footer {background-color: #053359;
height: 75px;
width: 100%;
margin-bottom: 0px;
margin-top: 35px;
margin-left: auto;
margin-right: auto;
clear: both;
overflow: hidden;}

    
.footerlogo {clear: both;
height: 75px;
margin-top: 0px;
margin-left: 10px;
float: left;}

.secondfooterp {font-size: 0.5em;
color: white;
float: right;
margin-right: 15px;
margin-top: 0px;
margin-bottom: 0px;}

.footericon {font-size: 2em;
color: #FFFFFF;
float: left;
margin-top: 22px;
margin-left: 10%;}


.emailspan {display: none;}
 
.phonenumberspan {display: none;}

.locationspan {display: none;}

.bye {display: none;}    
}




@media only screen and (max-width: 668px)
{
    
.map {margin-left: auto;
margin-right: auto;
float: none;}

}

/*
fonts and colors:

font-family: 'Nunito', sans-serif; (paragraphs)
font-family: 'Catamaran', sans-serif; (headings)
font-family: 'Krona One', sans-serif;
font-family: 'Exo 2', sans-serif;
font-family: 'Raleway', sans-serif;
font-family: 'Quicksand', sans-serif;

#000000 (black)
#FFFFFF (white)
#053359 (navy)
#0E58D7 (sky blue)
#4DAFFF (light blue)
*/