H2.slack-guide-header {
	text-align: center;
	font-size: 30px;
	color: #19cd94;
	margin: 72px 0 36px;
}

H2.slack-guide-header	IMG {
		display: block;
		margin-bottom: 18px;
}

A.button-link {
  padding: .75em 1.5em;
  border: none;
  border-radius: 25px;
  background: #19cd94; 
  color: #fefefe;
  outline: none;
}

A.button-link:hover {
	background-color: #fefefe;
	color: #ffffff;
}

.custom-logo,
.site-header .logo {
  max-width: 100% !important;
  width: 310px !important;
  height: auto !important;
}

@media screen and (min-width: 990px) {

    /* GRID STUFF */
    /* structural grid stuff */

    DIV.grid-pull-left {
        margin-left: -83px;
    }

    DIV.grid-pull-max-left {
        margin-left: -168px;
    }

    DIV.grid-pull-max-right {
        margin-right: -168px;
    }

    DIV.grid-pull-right {
        margin-right: -83px;
    }

    DIV.two-column-row {
        display: grid;
        grid-template-columns: 47.5% 47.5%;
        grid-gap: 5%;
    }

    DIV.four-column-row {
        display: grid;
        grid-auto-columns: 1fr;
        grid-gap: 5%;
    }

    DIV.grid-column {
        grid-row: 1; 
        position: relative;
    }

    DIV.grid-relative {
        position: relative;
    }

    /* Visual styles */
    DIV.callout-tab {
        position: absolute;
        top: 0;
        right: 0;
        margin-right: 105%;
        background: #F5F6F8;
        border-radius: 4px;
        padding: 9px 27px 9px 9px;
        font-family: Muli;
        font-style: normal;
        font-weight: bold;
        line-height: 27px;
        font-size: 18px;
        color: #4D7FE3;
    }

    DIV.callout-tab:after {
        content: '';
        width: 0; 
        height: 0; 
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-left: 8px solid #4D7FE3;
        position: absolute;
        top: 15px;
        right: 9px;
    }

    P.explainer {
        font-style: italic;
        font-weight: normal;
        line-height: 23px;
        font-size: 16px;
    }

    IMG.callout-image {
        background: #F5F0D7;
        border-radius: 4px;
        padding: 6px;
        display: block;
        margin: auto;
        box-shadow: 0 2px 8px #E4E4E4;
        max-width: 100%;
        height: auto;
    }

    H1.guide-title {
        font-family: Muli;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        font-size: 32px;
        text-align: center;
        margin-bottom: 27px;
    }

    H1.guide-title SPAN {
        display: block;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        font-size: 18px;
        text-align: center;
        text-transform: uppercase;
    }

    H2.guide-title {
        font-family: Muli;
        font-style: normal;
        font-weight: bold;
        line-height: normal;
        font-size: 24px;
        text-align: center;
        color: #161A3B;
    }

    DIV.guide-item {
        padding-bottom: 72px;
    }
}