header{background-image: url(images/Background.png);}
main{background-color:#FFFFFF;}
footer{clear:both;
    background-color:#2b2c2d;}
h1{font-family: 'Space Grotesk', sans-serif;
    color:#00295c;
    text-align:center;}
h2{font-family: 'Space Grotesk', sans-serif;
    color:#00295C;
    text-align:center;}
h3{font-family: 'Space Grotesk', sans-serif;
    color:#3ac1fc;}
h4{font-family: 'Space Grotesk', sans-serif;
    color:#2b2c2d;
    text-align:center;}
h5{font-family: 'Space Grotesk', sans-serif;
    color:#2b2c2d;
    text-align:center;}
p{font-family: 'Itim', cursive;
    color:#2b2c2d;}
ul{font-family: 'Itim', cursive;
    color:#2b2c2d;
    list-style-type:none;}
form{font-family: 'Itim', cursive;
    color:#2b2c2d;
    border-color:#bababa;
    border-style:solid;}
.f{color:#ffffff;
    text-align:center;}
a:link{color:#3ac1fc;
    text-decoration:none;
    font-family: 'Space Grotesk', sans-serif;}
a:visited{color:#3ac1fc;
    text-decoration:none;
    font-family: 'Space Grotesk', sans-serif;}
a.agent{color:#2b2c2d;
    font-family: 'Itim', cursive;}
.logo{display:block;
    margin-left:auto;
    margin-right:auto;}
#h{text-align:center;}
.sli{display:inline;}
a.link{color:#ffffff;}
@media screen and (min-width: 1001px) 
{
    h1{font-size:70px;
        padding-bottom:25px;
        padding-top:25px;}
    h2{font-size:40px;}
    h3{font-size:25px;}
    p{font-size:20px;
        margin-right:75px;
        margin-left:75px;}
    ul{margin-top:25px;
        margin-left:50px;}
    li{margin-top:10px;
        font-size:20px;}
    section{float:right;
        width:800px;
        height:700px;
        margin-left:70px;
        margin-right:70px;}
    .index{float:none;
        width:1600px;}
    img{width:800px;
        height:550px;}
    form{padding:15px;
        border-width:15px;
        font-size:25px;}
    #thanks{font-size:100px;
        margin:150px;}
    #a{margin-left:125px;}
    #sign{float:left;}
    #p1{float:right;
        width:500px;}
    #a2{float:right;}
    #p2{float:left;
        width:500px;}
    .logo{width:400px;
        height:250px;}
    .home{height:350px;
        margin:65px;}
    #trent{width:500px;
        height:550px;
        margin-left:275px;}
    #todd{width:500px;
        height:550px;
        margin-left:275px;}
    #paul{width:500px;
        height:550px;
        margin-left:275px;}
    #carolyn{width:700px;
        height:550px;
        margin-left:150px;}
    #megan{width:500px;
        height:550px;
        margin-left:275px;}
    #julianne{width:500px;
        height:550px;
        margin-left:275px;}
    .price{margin-left:0px;}
    #h{padding-bottom:20px;}
    .sli{margin-right:100px;
        margin-left:25px;}
    .map{float:right;
        margin:75px;
        width:750px;
        height:400px;}
    #name{font-size:15px;}
}
@media screen and (max-width: 1000px) 
{
    h1{font-size:60px;
        padding-bottom:25px;
        padding-top:25px;}
    h2{font-size:25px;}
    h3{font-size:20px;}
    p{font-size:15px;
        margin-right:25px;
        margin-left:25px;}
    ul{margin-top:25px;
        margin-left:25px;}
    li{margin-top:5px;
        font-size:15px;}
    section{float:right;
        width:400px;
        height:300px;
        margin-left:35px;
        margin-right:35px;}
    .index{float:none;
        width:750px;}
    img{width:400px;
        height:150px;}
    form{padding:15px;
        border-width:15px;
        font-size:15px;}
    #thanks{font-size:100px;
        margin:150px;}
    #a{height:300px;
        width:450px;
        margin-left:25px;}
    #sign{float:left;
        margin-left:25px;
        width:400px;
        height:150px;}
    #p1{float:right;
        width:250px;}
    #a2{float:right;
        width:400px;
        height:150px;}
    #p2{float:left;
        width:250px;}
    .logo{width:400px;
        height:250px;}
    .home{height:200px;
        width:400px;
        margin:25px;}
    #trent{width:200px;
        height:250px;
        margin-left:75px;}
    #todd{width:200px;
        height:250px;
        margin-left:75px;}
    #paul{width:200px;
        height:250px;
        margin-left:75px;}
    #carolyn{width:350px;
        height:250px;
        margin-left:50px;}
    #megan{width:200px;
        height:250px;
        margin-left:75px;}
    #julianne{width:200px;
        height:250px;
        margin-left:75px;}
    .price{margin-left:0px;}
    #h{padding-bottom:20px;}
    .sli{margin-right:100px;
        margin-left:25px;}
    .map{float:right;
        margin:15px;
        width:450px;
        height:400px;}
    #name{font-size:10px;}
    iframe{width:375px;
        height:325px;}
}
@media screen and (max-width: 700px) 
{
    main{clear:all;}
    h1{font-size:60px;
        padding-bottom:25px;
        padding-top:25px;}
    h2{font-size:25px;}
    h3{font-size:20px;}
    p{font-size:15px;
        margin-right:25px;
        margin-left:25px;}
    ul{margin-top:25px;
        margin-left:25px;}
    li{margin-top:5px;
        font-size:15px;}
    section{float:none;
        width:400px;
        height:300px;
        margin-left:35px;
        margin-right:35px;}
    .index{float:none;
        width:750px;}
    img{width:400px;
        height:150px;}
    form{padding:15px;
        border-width:15px;
        font-size:15px;}
    #thanks{font-size:100px;
        margin:150px;}
    #a{height:300px;
        width:450px;
        margin-left:25px;}
    #sign{float:none;
        margin-left:25px;
        width:400px;
        height:150px;}
    #p1{float:none;
        width:250px;}
    #a2{float:none;
        width:400px;
        height:150px;}
    #p2{float:none;
        width:250px;}
    .logo{width:400px;
        height:250px;}
    .home{height:200px;
        width:400px;
        margin:25px;}
    #trent{width:200px;
        height:250px;
        margin-left:75px;}
    #todd{width:200px;
        height:250px;
        margin-left:75px;}
    #paul{width:200px;
        height:250px;
        margin-left:75px;}
    #carolyn{width:350px;
        height:250px;
        margin-left:50px;}
    #megan{width:200px;
        height:250px;
        margin-left:75px;}
    #julianne{width:200px;
        height:250px;
        margin-left:75px;}
    .price{margin-left:0px;}
    #h{padding-bottom:20px;}
    .sli{margin-right:100px;
        margin-left:25px;}
    .map{float:none;
        margin:15px;
        width:450px;
        height:400px;}
    #name{font-size:10px;}
    iframe{width:375px;
        height:325px;}
}