@media only screen and (max-width: 769px) {
header {
position: relative;
background-color: #fff;
}
.navigation {
position: static;
margin-top: 62px;
}
.social-icons i {
font-size: 13px;
}
.cursive {
font-size: 27px;
line-height: normal;
}
h1 {
font-size: 16px;
margin: 0px;
padding: 0px;
line-height: normal;
}
.content-box-home {
font-size: 12px;
max-width: 500px;
line-height: 21px;
bottom: 10px;
color: #292427;
padding: 5px;
}
.content-box-home div h1 {
padding-bottom: 5px;
}
.content-box-home div {
padding: 3px;
}
.content-box-home a:link {
font-weight: 400;
}
.content-box-home a:visited {
font-weight: 400;
}
.main-images {
margin-bottom: 10px;
}
.site-map {
font-size: 11px;
}
.order-flowers {
top: 15px;
}
.connect {
top: 15px;
}
.container.large, .container.medium {
margin: 10px;
}
.spacer {
height: 10px;
}
.page-image-respond {
max-width: 300px;
}
a.mobile-menu {
color: #000;
}
a.mobile-menu i.fa.fa-bars {
padding-top: 5px;
}
.anchor{
height: 10px; /*same height as header*/
margin-top: 10px; /*same height as header*/
}
}

@media only screen and (max-width: 480px) {
.announcement {
height: 100%;
font-size: 12px;
font-weight: 400;
}
.announcement .fa {
display: none;
}
header {
height: 100%;
}
.connect {
position: static;
text-align: center;
}
.order-flowers {
position: static;
text-align: center;
}
.logo {
position: static;
text-align: center;
}
.logo img {
height: 50px;
width: 50px;
}
.top-bar {
height: 0px;
}
.order-flowers a:link {
opacity: .6;
font-size: 11px;
margin-top: 9px;
margin-bottom: 0px;
}
.order-flowers a:visited {
opacity: .6;
}
.order-flowers a:hover {
opacity: .9;
}
.order-flowers img {
max-width: 10px;
}
.navigation {
margin-top: 0px;
}
a.mobile-menu i.fa.fa-bars {
padding-top: 0px;
}
.content-box-home {
position: static;
}
.main-images img {
margin-top: -5px;
margin-bottom: -5px;
border-top-color: #292427;
border-bottom-color: #292427;
border-top-style: solid;
border-bottom-style: solid;
border-bottom-width: 2px;
border-top-width: 0px;
}
.footer-tag {
font-size: 19px;
}
.site-map li {
text-align: center;
margin-left: 0px;
}
h5 {
text-align: center;
}
.page-image-respond {
max-width: 100%;
width: 100%;
margin: 2px;
text-align: center;
}
h1.accent {
font-size: 35px;
padding: 5px;
}
h3 {
font-size: 18px;
}
h4 {
font-size: 28px;
line-height: normal;
}
.pagination a:link {
display: inline-block;
margin-bottom: 8px;
margin-top: 8px;
padding: 0px 7px;
}
}

@media only screen and (max-width: 374px) {
h1.accent {
font-size: 26px;
}
}