@media screen and (max-width: 1200px) {
.copy {
display: block;
float: right;
text-align: right;
line-height: 1.3em;
position: relative;
right: 0;
letter-spacing: .2rem;
padding-top: 15px;
font-size: 1.2em;
}
}
@media screen and (max-width: 975px) {
.main.med {
display: block;
}
.main.full {
display: none;
}
.main.med .six.columns {
margin-bottom: 0;
min-height: 0;
padding-bottom: 30px
}
}
@media screen and (max-width: 950px) { .navigation {
padding-top: 20px;
}
.navigation ul li {
padding-bottom: 2px;
}
#page section.showcase .text h2, #page section.showcase .text h3 {
font-size: 8.5vw;
font-weight: 800;
color: #fff;
line-height: 1.3em;
text-transform: uppercase;
font-family: Poppins, sans-serif;
border-bottom: none;
padding: 0;
margin: 0;
text-shadow: 5px 5px 15px #313131;
}
#page section.showcase .text h3 {
font-size: 7vw;
font-weight: 700;
color: #fff;
line-height: 1.3em;
text-transform: uppercase;
padding-top: 0;
}
#page section.showcase .text p {
font-size: 2.85vw;
max-width: 800px;
color: #fff;
margin: 20px 0;
font-weight: 400;
}
}
@media screen and (max-width: 900px) {
div#aboutUs section.mainContent {
padding: 12px;
margin: 0 3%;
}
div#aboutUs .blue.about {
background-color: #1f364e;
margin-top: 5%;
padding: 5% 3% 3% 5%;
}
#page div#aboutUs h2.bio {
padding: 0;
font-size: 3.8em;
text-shadow: 2px 3px 5px rgb(0 0 0 / 77%);
line-height: 1.3em;
}
div#aboutUs p.bio {
font-family: 'Delius', cursive;
color: #f4f4f5;
font-size: 1.5em;
margin-top: 30px;
line-height: 1.8em;
}
div#aboutUs	div.photo {
float: right;
margin-left: 4%;
margin-bottom: 1%;
width: 50%;
height: auto;
}
div#aboutUs img.avatar {
border-radius: 10px;
border: 3px solid #ededed;
max-width: 100%;
}	
div.featuredImage, div.featuredImage.short {
float: left;
width: 45%;
height: auto;
margin-right: 5%;
margin-bottom: 3%;
}
div.featuredImage.short {
margin-bottom: 5%;
}
}
@media screen and (max-width: 850px) {
section.sidebarLinks aside, section#announcements aside.announce 	{
width: 45%;
float: left;
text-align: center;
margin: 2.5%;
min-height: 0;
}
section.sidebarFooter aside:nth-child(3), section.sidebarLinks aside:nth-child(2), section.sidebarFooter aside:nth-child(6), section.sidebarLinks aside:nth-child(4), section.sidebarFooter aside:nth-child(9), section.sidebarLinks aside:nth-child(6) {
margin-right: 0;
}
}
@media screen and (max-width: 825px) {
.text_container {
position: absolute;
top: 20px;
left: 10%;
max-width: 1200px;
margin: 20px auto;
}
#page section.showcase .text p {
font-size: 4vw;
max-width: 500px;
color: #fff;
margin: 20px 0;
font-weight: 400;
}
#page section.showcase .text a {
margin-top: 10px;
}
}
@media screen and (max-width: 768px) {
#wrapper {
max-width: 768px;
margin: 0 auto;
padding-top: 0;
}
}
@media screen and (max-width: 725px) {
#page section.showcase .text p {
font-size: 3.5vw;
max-width: 500px;
color: #fff;
font-weight: 400;
margin: 10px 0;
}
}
@media screen and (max-width: 650px) {
div.featuredImage, div.featuredImage.short 	{
float: none;
width: 90%;
margin: 0 auto 5% auto;
} .navigation {
position: fixed;
top: 0;
padding-top: 0;
left: 100%;
width: 100%;
height: 100%;
background-color: #fff;
z-index: 999;
display: flex;
justify-content: center;
align-items: center;
}	
.text_container {
position: absolute;
top: 20px;
left: 7%;
max-width: 600px;
margin: 0 auto;
}
#page 	{
padding-bottom: 50px;
}
#page section.showcase .text h2, #page section.showcase .text h3 {
font-weight: 800;
font-size: 9vw;
letter-spacing: 1px;
color: #fff;
line-height: 1.3em;
text-transform: uppercase;
font-family: Poppins, sans-serif;
border-bottom: none;
padding: 0;
margin: 0;
text-shadow: 5px 5px 15px #313131;
}
#page section.showcase .text h3 {
font-size: 6.5vw;
letter-spacing: 1px;
font-weight: 700;
color: #fff;
line-height: 1.3em;
text-transform: uppercase;
padding-top: 0;
}
#page section.showcase .text p {
font-size: 4vw;
}	
footer#mobile 	{
background: #481701;
background: #113c4b;
background: #2f5061;
width: 100%;
min-height: 35px;
max-height: 38px;
margin: 0;
border-top: 1px solid rgb(86 24 24 / 24%);
position: fixed;
padding-bottom: 35px;
z-index:999;
bottom: 0;
}
footer#mobile 	{	
max-height: 75px;
}
footer#mobile {
border-top: 2px solid #454444;
}
footer#mobile::after 	{
content:'';
display:block;
clear:both;
}
footer#mobile aside	{
float:left;
width:19%;
margin:0;
padding-top:3px;
border-right:1px solid rgba(175, 172, 172, 0.4); 
font-size: 1.5em;
text-align: center;
}
footer#mobile div.button_container {
max-width: 100%;
padding-top: 1%;
border-top: 1px solid rgba(175, 172, 172, 0.4);
}
footer#mobile div.button_container aside	{
font-family: 'Open Sans', 'Raleway', 'Helvetica Neue', Verdana, Helvetica, Arial, sans-serif;
float:left;
width:19%;
margin:0; border-right:1px solid rgba(175, 172, 172, 0.4); 
font-size: 1.5em;
text-align: center;
}
footer#mobile ul {
margin: 0;
padding: 0;
}
footer#mobile aside	{
padding-bottom:5%;
font-size: 1.65em;
}
footer#mobile aside.home a ul li .fa-sharp.fa-solid.fa-church 	{
padding-bottom:5%;
font-size: 1em;
position: relative;
left: 0;
margin-left: 0;
}
footer#mobile aside.services a ul	{
position:relative;
}
footer#mobile aside.services a ul li i.fa-solid.fa-hand-holding	{
font-size:1.6em;
padding-bottom:7px;
}
footer#mobile aside:last-child	{
border-right:none;
}
footer#mobile aside i.fab	{
font-size: 1em;
color: rgb(86 24 24 / 24%);
}
footer#mobile aside p	{
font-size:.55em;
color: rgb(86, 24, 24);
color: rgb(75 56 56);
color: #ffffff;
font-variant:small-caps;
text-align:center;
letter-spacing:1px; }
footer#mobile aside p	{
line-height:.9em;
}	
footer#mobile div.button_container aside a	{
text-decoration:none;
margin:0;
padding:0;
padding-bottom:5px;
color: rgb(86 24 24 / 24%);
color: #ffffff;
}
footer#mobile div.button_container aside.home {
width: 19%;
}
footer#mobile div.button_container aside.call {
width: 15.9%;
}
footer#mobile div.button_container aside.projects
{
width: 16.9%;
}
footer#mobile div.button_container aside.services 
{
width: 21.5%;
}
footer#mobile div.button_container aside.payments 	{
width: 23.5%;
}
footer#mobile aside.privacy	{
border-right:none;
}
i.fa-brands, .fab, .fa-church {
font-weight: 400;
font-variant: small-caps;
font-size: 3em;
color: #f4f4f5;
padding-bottom: 8px;
position: relative;
left: 40%;
margin-left: -48px;
}
footer#mobile div.button_container aside p {
font-size: .65em;
color: #ffffff;
font-variant: small-caps;
text-align: center;
letter-spacing: 2px;
line-height: 1.2em;
font-weight: 500;
}
footer#mobile aside a ul li .fa {
padding-bottom: 5%;
font-size: 1em;
position: relative;
left: 0;
margin-left: 0;
}
.fa-solid, .fa-regular, .fass {
font-weight: 600;
font-size: 1.1em;
}
}
@media screen and (max-width: 675px) {
section.mainContent .text, section.mainContent div.info {
padding: 0;
}
p.consult {
width: 70%;
}
.four.columns.coffee {
margin-left: 0;
position: absolute;
left: 63%;
bottom: 12%;
width: 37%;
}
}
@media screen and (max-width: 590px) {
.four.columns.coffee {
margin-left: 0;
position: absolute;
left: 65%;
}
}
@media screen and (max-width: 575px) {
#page section.showcase .text h2, #page section.showcase .text h3, #page section.showcase .text p {
text-align: center;
}
#page section.showcase .text p 	{
font-size: 4.5vw;
margin:5px auto;
}
#page section.showcase .text a	{
display: block;
width: 200px;
margin: 10px auto;
} 
.container.about .four.columns {
margin: 3% 6% 5% 0;
padding: 5% 5% 5% 3.5%;
}
.container.about .four.columns::after, #page div#aboutUs h2.bio::after {
content:'';
display: block;
clear:both;
}
}
@media screen and (max-width: 550px) {
#page div#aboutUs h2 {
padding: 0;
}
#page #aboutUs .container.main {
padding: 30px;
}
#page #aboutUs .container.about {
padding: 0;
}
.info, div.boxText {
margin: 0;
}
.container.about .four.columns {
float: none;
clear: both;
padding: 30px;
max-width: 100%;
}
section.main aside .caption, section.sidebarFooter aside .caption, section.sidebarLinks aside.announce .caption
{
margin: 0;
padding: 8px;
font-size: 3vw;
}
}
@media screen and (max-width: 450px) {
section.sidebarLinks aside, section#announcements aside.announce {
text-align: center;
min-height: 0;
float: none;
clear: both;
width: 100%;
margin: 50px 0;
}
section.main aside .caption, section.sidebarFooter aside .caption, section.sidebarLinks aside.announce .caption
{
margin: 0;
padding: 8px;
font-size: 1.3em;
}
}