.button-menu {
    width: 100%;
    text-align: center;
}

.button-item-blue, a.button-item-blue:link {
    display: inline-block;
    margin: 2%;
    padding: 1% 2%;
    color: #ffffff;
    background-color: #002855;
    font-weight: 500;
    border: 1px solid #002855;
    border-radius: .25em;
}

a.button-item-blue:hover {
    text-decoration: none;
    color: #002855;
    background-color: #ffffff;
}

.back-to-top, a.back-to-top:hover {
    padding: 2% 5% 0% 0%; 
    font-size: .8em; 
    font-weight: 600; 
    text-transform: uppercase;
    text-decoration: none;
}

.photo-left {
    float: left;
    max-width: 250px;
    height: auto;
    margin: 1% 2% 1% 0%;
    border-radius: .25em;
}

@media only screen and (max-width: 425px) {
  .photo-left {
    width: 100%;
    max-width: 400px;
    height: auto;
    clear: both;
    margin: 1% 0% 4% 0%;
  }
}

.float-left-responsive {
	 float: left;
	 margin: 0rem 1rem 1rem 0rem;
	 width: 100%;
	 max-width: 360px;
	 height: auto;
}

@media (max-width: 768px) {
    .float-left-responsive {
        max-width: 300px;
        margin: 0rem 1rem 1rem 0rem;
    }
}

@media (max-width: 492px) {
    .float-left-responsive {
        max-width: 450px;
        margin: 0rem 0rem 1.5rem 0rem;
    }
}