@media (max-width:949px) {
:root {
font-size:15px;
}

html, body, #top {
background-size:200% 100%;
}

#menu svg {
margin-top:2rem;
}
.main-content-buttons {
flex-wrap:wrap;
}


.main-content-right iframe {
width:100%;
height:500px;
border:none;
}
#content, #main, #content .container {
height:100%;

}

#content .container {
padding-top:100px;
}

#menu {
text-align: right;
padding-right: 1rem;
}
#top-logo a {
height:80px;
padding-left:1rem;

}
#top-logo img {
height:30px;
}
#top-logo svg {
position: fixed;
left: 50%;
top: 0;
margin:none;
margin-left: -30px;

}

#social {
position: fixed;
right: 0;
top: 80px;
flex-direction:column;
}

#social a {
margin-right:0.75rem;
}
#social a i {
background: var(--bg);
padding: 2px 2px 1px 3px;
border-radius: 0.25rem;
margin-bottom:0.5rem;
}

header {
display:flex;
justify-content:space-between;
width:100%;
}

#menu-page {
border:1.5rem solid var(--bg);
z-index:150;
}

.main-content-icons {
width:100%;
}
.main-content-icons img {
margin:1rem;
height:3rem;
}

.padx1 {
padding:3rem 1rem;
}
#content-header {
height:80vh;
}

#content-header h1 span {
font-size:3.5rem;
}



.main-content-column {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
}

.title {
font-family:'Heuristica';
font-size:3rem;
letter-spacing:3px;
}


#phone i {
display:block;
}
#phone span {
display:none;
}
.main-content-title {
text-align:left;
}


.main-content-left  {
margin-left:2rem;
}

.main-content-buttons {
width:100%;
height:100%;
text-align:left;
display:flex;
flex-direction:column;
margin-bottom:3rem;
}
.main-content-buttons a {
font-size:1rem;
text-decoration:none;
color:#000;
text-transform:uppercase;
font-weight:600;
letter-spacing:1px;
padding:1rem;
display:inline-block;
}
.main-content-buttons a:hover {
color:var(--dark-brown);
}





#mouse-scroll {
height:6rem;
}

}