body {
    font-family: garamond;
}
h1, h2, h3, h4, h5, h6{
    text-align: center;
}
header{
    background-color: #102452;
    padding-top: 1%;
    padding-bottom: 1%;
}
header h3 {
    font-weight: bold;
    color: #C3A16F;
}
header h4{
    color: white;
}
footer{
    padding: 50px 10px 20px 10px;
    background-color: #102452;
    color: white;
}

.atf{
   
    background-image: url(../img/cleveland-skyline-2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    padding-top: 300px;
    padding-bottom: 100px;
}
.atf h1{
    font-size: 56pt;
    color: white;
   font-weight: bold;
    
}
.atf h3 {
    font-size: 28pt;
    color: white;
    font-weight: bold;
    
}

.expertise {
    height: auto;
    background-image: url(../img/pattern.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 50px 0px;
}
.expertise h1 {
    font-size: 30pt;
}
.expertise h2 {
    font-size: 22px;
}
.image-tile {
    padding: 0px;
}
.testimonial-text {
    line-height: 30pt;
    margin-top: 100px;
}
.testimonial {
    height: auto;
    background-color: #b2894b;
    padding: 2% 0%;
}
.testimonial img{
    width:100%;
    height: auto;
    margin: 10px auto;
    padding: 10% 10% 10% 10%;
}

.contact {
    padding: 75px 0px;;
}
.contact button {
    background-color:#102452;
    color: white;
}
.contact img {
    width:100%;
    height: auto;
    margin: 10px auto;
    padding: 0% 10% 10% 10%;
}
.advice {
    margin: 10% 0%;
}
.advice .container {
    padding-right: 10%;
    padding-left:10%;
}
.advice h3{
    color: #b2894b;
    font-size: 32pt;
    margin-top: 30px;
}
.advice img{
    width:100%;
}
.representation img{
    width: 100%;
}
.representation .container {
    padding-right: 10%;
    padding-left:10%;
}
.imagery .container {
    margin-left:0;
    margin-right: 0;
    width: 100%;
}
.representation {
    margin: 10% 0%;
}
.representation h3 {
    color: #b2894b;
    font-size: 32pt;
    margin-top: 30px;
}

.about h1 {
    color: #b2894b;
    font-size: 30pt;
    padding: 10% 10% 3% 10%;
}
.about h4 {
    font-size: 22px;
    padding: 0% 5%;
}

@media screen and (min-width: 480px){
    .about h1 {
        font-size: 42pt;
    }
    .expertise h1{
        font-size: 42pt;
    }
}