.mg-container {
width:1400px !important
}

/* ----- Linkage ----- */

.mg-container a span {
    color:#869a35 !important;
    text-decoration:underline 
}

.mg-container p a {
    color:#869a35 !important;
    text-decoration:underline 
}
.mg-container span a {
    color:#869a35 !important;
    text-decoration:underline 
}
.mg-container h3 a {
    color:#869a35 !important;
    text-decoration:underline 
}
.mg-container h4 a {
    color:#869a35 !important;
    text-decoration:underline 
}
.mg-container a:hover {
    text-decoration:none
}
.mg-container span:hover {
    text-decoration:none
}


/* ----- header ----- */

.header-bg {
background:url(https://dodson.dev/alex/bg-header.png) !important;
background-repeat:repeat-y;
border-bottom:7px solid #fff;
height:140px !important
}

.nav-container {
margin-top:82px
}

.menu-item.active:before {
background-color:none !important
}

/* ----- Footer ------ */

.co-name {display:none}

/* ----- Type ----- */

#quote {
max-width:1920px;
padding:50px 0;
margin:80px 0
}

blockquote {
  display: block;
  padding: 0 20%;
  margin: 1.5em 0;
  position: relative;
  font-size:30px;
  font-style:italic
}
blockquote:before {
  content: '\201C';
  position: absolute;
  top: 0em;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 6rem;
  height: 12rem;
  font-size:160px;
  color: #aaaeb0;
  text-align: center;
  font-family:georgia;
  font-style:normal
}
blockquote:after {
  content: '\201D';
  position: absolute;
  bottom:0px;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 6rem;
  height: 0rem;
  font-size:160px;
  color: #aaaeb0;
  text-align: center;
  font-family:georgia;
  font-style:normal
}

cite {
position:relative;
top:50px;
font-style:normal
}

/* ----- Home ----- */

.md-content{
text-align:center
}

/* .md-content:nth-of-type(2){
background-image:url(https://dodson.dev/alex/bg-middle.png) !important;
background-repeat:repeat-x;
} */

#iconz {
text-align:center;
}

#iconz img {
width:110px
}

#iconz h2 {
padding:0 15%;
color:#43595f;
margin:50px 0 30px 0;
font-size:36px;
font-weight:700 !important;
line-height:1.3em
}

#iconz h3 {
text-transform:uppercase;
background:#43595f;
padding:10px 20px;
color:#fff;
width:auto !important;
display:inline-block !important;
font-family: var(--mg-title-font);
font-size:28px;
    text-align: var(--mg-title-align);
    line-height: var(--mg-title-line-height);
    letter-spacing: var(--mg-title-letter-spacing);
font-weight:400 !important
}

#iconz h4 {
text-transform:uppercase;
color:#43595f;
font-size:18px;
margin-top:5px;
margin-bottom:12px
}

#iconz p {

}

.iconz-row {
  display: flex;
  flex-wrap: wrap;
}

.col {
  flex: 1 0 18%; /* The important bit. This percentage decides your columns. 
 The percent can be px. It just represents your minimum starting width.
  */
  margin: 5px;
}

.mg-title span {
text-transform:uppercase;
text-align:center;
background:#43595f;
padding:10px 20px;
color:#fff;
width:auto !important;
font-size:28px !important;
display:inline-block !important;
}


div.md-content.richtext {
/* background:#eeeeed !important */
}

div.md-content.richtext:nth-child(2) {
/* background: lime; */
}

.btn {
text-transform:uppercase;
background:#43595f;
padding:10px 20px;
color:#fff;
width:auto !important;
display:inline-block !important;
font-family: var(--mg-title-font);
font-size:28px;
    text-align: var(--mg-title-align);
    line-height: var(--mg-title-line-height);
    letter-spacing: var(--mg-title-letter-spacing);
font-weight:400 !important
}

/* ----- HOME Regions ----- */

.md-featured-area.grid-classic .style-container .city-style {
    width: calc(100% / 5) !important
}

/* ========== Alex GET STARTED ======= */

.copy-start h2 {
text-align:center;
font-size:36px;
color:#43595f;
margin-top:30px;
padding:0 15%;
line-height:1.3em
}

.copy-start h3 {
text-transform:uppercase;
background:#43595f;
padding:10px 20px;
color:#fff;
width:auto !important;
display:inline-block !important;
font-family: var(--mg-title-font);
font-size:28px;
margin:60px 0 60px 0;
text-align: var(--mg-title-align);
line-height: var(--mg-title-line-height);
letter-spacing: var(--mg-title-letter-spacing);
font-weight:400 !important
}
.copy-start h3 a {
color:#fff !important;
display:block
}

/* ========== Alex JOIN ======= */

#copy-join h2 {
text-align:center;
font-size:36px;
color:#43595f;
margin-top:30px;
padding:0 15%;
line-height:1.3em
}

#copy-join h3 {
text-transform:uppercase;
background:#43595f;
padding:10px 20px;
color:#fff;
width:auto !important;
display:inline-block !important;
font-family: var(--mg-title-font);
font-size:28px;
margin:60px 0 60px 0;
text-align: var(--mg-title-align);
line-height: var(--mg-title-line-height);
letter-spacing: var(--mg-title-letter-spacing);
font-weight:400 !important
}

#copy-join p {
    text-align:left !important;
    margin:0 0 20px 0;
    line-height:1.5em;
    font-size:20px
}

#copy-join .col {
    padding:0 14px
}

#copy-join .col img {
    width:100px
}

#copy-join .col h4 {
text-transform:uppercase;
color:#43595f;
font-size:18px;
margin-top:5px;
margin-bottom:12px
}
#copy-join .col p {
    font-size:14px;
    text-align:center !important
}

/* ========== Alex Sell ? ======= */

#process {
    text-align:left
}
#process h4 {
    font-weight:bold;
line-height:1.7em
}
#process p {
text-align:left;
font-size:18px;
line-height:1.5em;
margin:0 0 26px 0
}

#process .number {
  color: #65777c;
  background:#d6d819;
  border: 3px solid #65777c;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.8em; 
  height: 1.8em;
  float:left;
  margin-right:10px;
  font-weight:bold
}


/* ========== Alex AGENTS ======= */

#copy-agents h2 {
text-align:center;
font-size:36px;
color:#4b5828;
margin-top:30px;
padding:0 15%;
line-height:1.3em
}

#copy-agents h3 {
text-transform:uppercase;
background:#4b5828;
padding:10px 20px;
color:#fff;
width:auto !important;
display:inline-block !important;
font-family: var(--mg-title-font);
font-size:28px;
margin:60px 0 60px 0;
text-align: var(--mg-title-align);
line-height: var(--mg-title-line-height);
letter-spacing: var(--mg-title-letter-spacing);
font-weight:400 !important
}

/* ========== Alex LABS ==========  */

#copy-labs h2 {
text-align:center;
font-size:36px;
color:#4b5828;
margin-top:30px;
padding:0 15%;
line-height:1.3em
}

#copy-labs h3 {
text-transform:uppercase;
background:#4b5828;
padding:10px 20px;
color:#fff;
width:auto !important;
display:inline-block !important;
font-family: var(--mg-title-font);
font-size:28px;
margin:60px 0 60px 0;
text-align: var(--mg-title-align);
line-height: var(--mg-title-line-height);
letter-spacing: var(--mg-title-letter-spacing);
font-weight:400 !important
}

#copy-labs .btn {
text-transform:uppercase;
background:#4b5828;
padding:10px 20px;
color:#fff;
width:auto !important;
display:inline-block !important;
font-family: var(--mg-title-font);
font-size:24px;
text-align: var(--mg-title-align);
line-height: var(--mg-title-line-height);
letter-spacing: var(--mg-title-letter-spacing);
font-weight:400 !important
}

#copy-labs {
color:#4b5828
} 
#copy-labs p {
text-align:left;
font-size:20px;
line-height:1.5em;
margin:0 0 20px 0
}
#copy-labs p strong {
font-weight:900
}

/* ========== Alex CARES ========== */

.cares-copy h2 {
    padding: 60px 15% 20px 15%;
    color: #869a2b;
    font-size: 42px;
    font-weight: 700 !important;
    line-height:1.3em
}

.cares-copy h3 {
    text-transform: uppercase;
    background: #869a2b;
    padding: 10px 20px;
margin:60px 0 60px 0;
    color: #fff;
    width: auto !important;
    display: inline-block !important;
    font-family: var(--mg-title-font);
    font-size: 28px;
    text-align: var(--mg-title-align);
    line-height: var(--mg-title-line-height);
    letter-spacing: var(--mg-title-letter-spacing);
    font-weight: 400 !important;
}

.number {
  color: #869a2b;
  border: 3px solid #869a2b;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.8em; 
  height: 1.8em;
  float:left;
  margin-right:10px;
  font-weight:bold
}

.cares-copy p {
    text-align:left !important;
    margin:0 0 20px 0;
    line-height:1.8em;
    font-size:18px
}

.cares-copy p strong {
	color:#869a2b
}
.cares-copy a {
    color:#4b5828 !important;
    font-weight:bold
}

/* ------ M O B I L E ------ */

@media only screen and (max-width: 600px) {

.iconz-row {
display: block;
}
.col {
 margin: 0px;
}

.md-featured-area.grid-classic .style-container .city-style {
    width: calc(100% / 1) !important
}

}