html, body{
    background-color:#191919;
    margin:0;
    padding:0;
}
#navBar{
    background-color:#313131;
    padding-top:0px;
    padding-bottom:0px;
    display: flex;
    align-items: center;
    position:sticky;
    top:0;
    z-index:1000;
}
#navLogo{
    width:20%;
    padding-left:50px;
    padding-right:50px;
}
.navButton{
    background-color:#313131;
    color:#F8F3F3;
    font-family:"Roboto", sans-serif;;
    font-size:22px;
    border: none;
    padding: 22px 25px;
    text-align: center;
    margin: 4px 2px;
    cursor: pointer;
    text-decoration: none;
}
.navButton:hover{
    color:#Df1669;
}
#phoneLink{
    text-decoration: none;
    color:#F8F3F3;
}
.phoneButton{
    background-color:#Df1669;
    color:#F8F3F3;
    font-family:"Roboto", sans-serif;;
    font-size:17px;
    border: none;
    border-radius:50px;
    padding: 7px 20px;
    text-align: center;
    margin: 4px 2px;
    cursor: pointer;
}
.phoneButton:hover{
    background-color:#313131;
}
#phoneLink:hover{
    color:#Df1669;
}
.quoteButton{
    background-color:#Df1669;
    color:#F8F3F3;
    font-family:"Roboto", sans-serif;;
    font-size:17px;
    border: none;
    border-radius:50px;
    padding: 7px 20px;
    text-align: center;
    margin: 4px 2px;
    cursor: pointer;
}
.quoteButton:hover{
    background-color:#313131;
}
.hamburgerIcon{
  display: none;
}
#mobileNav{
    background-color:#F8F3F3;
    color:#313131;
    position:fixed;
    z-index: 1;
    right: 0; top: 50;
    padding: 22px 100px;
    font-family:"Roboto", sans-serif;;
    font-size:32px;
    border-radius:10px;
    display:none;
    z-index:1001;
}
.mobileNavLink{
    text-decoration:none;
    color:#191919;
}
.mobileNavLink:hover{
    background-color:#313131;
    color:#F8F3F3;
    }
#navClose{
    float:right;
    margin:50px;
    border:2px solid black;
    font-size:25px;
    cursor:pointer;
}
.linkPink{
    color:#Df1669;
    text-decoration:none;
}
.linkWhite{
    color:#F8F3F3;
    text-decoration:none;
}
@media (max-width: 1022px){
   .hamburgerIcon{
        display:block;
        cursor:pointer;
        font-size:40px;
        color:#F8F3F3;
        background-color:#313131;
        border:none;
        margin-left:20%;
        padding-right:25px;
    }
    .navButton,.phoneButton{
        display:none;
    }
}
.mainContainer{
    color:#F8F3F3;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size:20px;
    width:80%;
    margin-left:10%;
}
.coloumContainer{
    display:flex;
    gap:10px;
    flex:1;
    padding:10px;
    color:#191919;
    background-color:#F8F3F3;
    border:2px solid #Df1669;
}
@media (max-width: 590px){
    .coloumContainer{
        display:grid;
        grid-template-columns: 2fr;
    }
}
.coloumContainerMaps{
    display:flex;
    gap:10px;
    flex:1;
    padding:10px;
    color:#191919;
    background-color:#F8F3F3;
    border:2px solid #Df1669;
}
@media (max-width: 1033px){
    .coloumContainerMaps{
        display:grid;
        grid-template-columns: 2fr;
    }
}
.coloumHalf{
    display:grid;
    padding:10px;
    gap:10px;
    grid-template-columns:25% 75%;
    color:#191919;
    background-color:#F8F3F3;
    border:2px solid #Df1669;
    height:100%;
}
.coloumContainerServices{
    display:grid;
    gap:10px;
    flex:1;
    padding:10px;
    color:#191919;
    grid-template-columns:50% 50%;
    background-color:#F8F3F3;
    border:2px solid #Df1669;
}
@media (max-width: 700px){
    .coloumContainerServices{
        grid-template-columns: 2fr; 
    }
}
.formMain{
    width:80%;
    height:100%;
    min-height:100%;
    min-width:200px;
    max-width:100%;
    max-height:100%;
    margin:0;
    border-width:0;
}
@media (max-width: 650px){
    .coloumHalf{
       grid-template-columns: 2fr;
    }
}
.imageFit{
    width:40%;
    height:auto;
}
.imageFit2{
    width:100%;
    height:auto;
}
#footer{
    background-color:#313131;
    color:#F8F3F3;
    font-family:"Roboto", sans-serif;;
    font-size:16px;
    display:flex;
    gap:10px;
    border-top:2px solid #F8F3F3;
}
#footerLogo{
    height:200px;
    padding-left:50px;
    padding-right:50px; 
}
.footerColoum{
    flex:1;
    padding:10px;
}
.coloumOne{
    text-align: center;    
}
.lineSeparator{
    width:70%;
    height:2px;
    background-color:#Df1669;
}
.footerColoum a{
    text-decoration: none;
    color:#F8F3F3;
}
.footerColoum a:hover{
    color:#Df1669;
}
.icon{
    color:#Df1669;
    padding-right:5px;
}
@media (max-width: 1022px){
   #footer{
        display: block;
        font-size:26px;
    }
    .footerColoum{
        flex: 0;
    }
}
#policy{
    background-color:#Df1669;
    color:#F8F3F3;
    font-family:"Roboto", sans-serif;;
    font-size:18px;
    padding: 10px;
}
#policyLink{
    text-decoration: none;
    color:#F8F3F3;
    float:right;
    padding-right:200px;
}
/* 
#Df1669 Pink
#191919 Black BG
#F8F3F3 White Text
#313131 Black

#5A5A5A LightGrey
NEW
Text
Century Gothic Regular:90%  
*/