#homepage h1, #homepage h2 {
    text-align: center;
    margin: 4px;
}
#homepage h1{
    margin-bottom: 24px;
}
#homepage h2{
    font-weight: 300;
    font-size: 24px;
}

#homepage p {
    font-size: 14px !important;
    font-weight: normal;
    color: #111111;
}

/* Latest release */
#homepage p#release {
    font-weight: normal;
    text-align: left;
    color: #a1a1a1;
    margin-left: 2px;

    /*background-color: #eee;*/
}

#homepage a {
    text-decoration: none;
    color: #006482 !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 24.5px;
}

#homepage a:visited {
    color: #006482 !important;
}

#homepage a:active {
    color: #006482 !important;
}

#homepage a:hover {
    color: #00C8DC !important;
}


#homepage div#intro-text {
    max-width: 750px;
    margin: 0 auto;
}

#homepage div#intro-text p {
    font-family: Roboto;
    font-size: 18px !important;
    margin-bottom: 20px;
}


/* Guide cards */

#homepage div#card-container div.card {
    /*min-height: 100%; */
    /*max-height:260px;*/
    
/*    min-width: 360px;*/
    max-width: 360px;   

}

#homepage div#card-container div.row {
    margin-bottom: 30px;
}

#homepage div.card {
    position: absolute
    top:0;
    left:0;
    height:100%;
/*    width:100%;*/

    background-color: #eee;
    border: none;
    /* border-left: 1px solid #fff; */

    padding: 0;


    border-radius: 0;
    
    margin-bottom: 30px;

/*
    margin-left: 15px;
    margin-right: 15px;*/


}

#homepage div.card h2 {
    width: 100%;
    color: #111111;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    padding: 6px 0;
    /*    font-weight: 500;*/
    font-weight: bold;
    margin: 0 0 24px;
/*    text-transform: uppercase;*/
    text-align: left;
    padding-left:15px;
    border-bottom: 5px solid;
    font-family: Roboto;
}



/* Coloring 



*/


#homepage div.card > h2{
     background-color: #ffffff; 
}


/*
div.card:nth-of-type(odd){
    background-color: #eeeeee;
}
#homepage div.card:nth-of-type(even){
    background-color: #f7f7f7;
}


#homepage div.card:nth-of-type(1) > h2, #homepage div.card:nth-of-type(6) > h2{
    /* background-color: #FF6200; 


    border-bottom: 5px solid #FF6200;

}


#homepage div.card:nth-of-type(2) > h2, #homepage div.card:nth-of-type(4) > h2{
    /* background-color: #00C8DC; 
    border-bottom: 5px solid #00C8DC;

}
#homepage div.card:nth-of-type(3) > h2, #homepage div.card:nth-of-type(5) > h2{
    /*background-color: #dade63;


    /* background-color: #AADC33; 
    border-bottom: 5px solid #AADC33;
}
*/
#homepage div#first_card, #homepage div#third_card, #homepage div#fifth_card{
    background-color: #eeeeee;
}

#homepage div#second_card, #homepage div#fourth_card, #homepage div#sixth_card{
    background-color: #f7f7f7;
}

#homepage div#first_card > h2, #homepage div#sixth_card > h2{
    border-bottom: 5px solid #FF6200;
}

#homepage div#second_card > h2, #homepage div#fourth_card > h2{
    border-bottom: 5px solid #00C8DC;
}

#homepage div#third_card > h2, #homepage div#fifth_card > h2{
    border-bottom: 5px solid #AADC33;
}



#homepage div.card p {
    padding: 0 16px ;
/*    overflow-y: auto;*/
}

@media (max-width: 800px) {
    div#flare-nav-wrapper a {
        /*
        font-size:2vmax ;
        white-space: nowrap;*/
    }
}


/* "Documentation for SolarWinds" products header at top */

/*
div.product-header > div#solarwinds-products {
    display:flex;
    flex-direction:column;
    align-items: center;
    background-color: #fff;
    margin: 0 auto;
    margin-top: 18px;
    position:relative;
    background-color:transparent;
    text-align: center;

}

div.product-header > div#solarwinds-products > span#documentation-for {
    margin-top:21px;
    font: normal 42px "Roboto", sans-serif;
    font-family: 'Roboto' !important; /* Overwrite for branding */
    /*
    font-weight: 500;
    color: #00C8DC;
    text-decoration: none;
}
*/




/* Redo font size for "Documentation for SolarWinds products" /*

/* Large devices (computers) */

@media (min-width: 901px) {
    span#prod-short {
        display: none;
    }
    nav#docnav ul.dropdown-menu ul {
        padding: 0 16px;
    }
    nav#docnav ul.dropdown-menu ul li {
        text-transform: none;
        padding: 4px 16px;
    }
}


/* Small & Medium Devices (mobile & tablet) */
@media (max-width: 900px) {
    nav#docnav ul.dropdown-menu {
    /* min-width: 200px; */
        min-width: 330px;
    }
    #prod-name {
        /* display: none; */
    }
    #prod-short {
        display: inline;
        color: white;
    }
    nav#docnav ul.dropdown-menu ul {
        padding: 0 8px;
    }
    nav#docnav ul.dropdown-menu > li > ul > li {
        padding: 4px;
        text-transform: none;
    }
}


/* Small devices only */


@media (max-width: 576px){

   div.navbar-header, p#prod-intro{
        padding: 0px 8px;
    }

    div.product-header > div#solarwinds-products > span#documentation-for {
        margin-top: 0px;
    }

    #homepage div#intro-text {
        margin-left:10px;
    }    

    #flare-nav-wrapper ul > li.has-children {
        margin-left: 4px !important;
        margin-right: 4px !important;
    }

}



@media (max-width: 512px){
    div#flare-nav-wrapper a {
        font-size: 11px;
    }

    div.product-header > div#solarwinds-products > span#documentation-for {
        font-size: 30px !important;
        margin-top: 25px;
    }
}


@media (max-width: 411px){
    div.product-header > div#solarwinds-products > span#documentation-for {
        margin-top: 10px;
    }
}

@media (max-width: 400px){
    div#flare-nav-wrapper a {
        font-size: 10px;
        line-height: 14px;

    }

    #product-name-container {
        margin-top: 22px !important;
    }

    #documentation-for {
        font-size: 30px !important;
    }

    #prod-name span {
        font-size: 30px;
    }


}






/* set card margins based on screen size */

@media (max-width: 575px){
    #homepage .card {

        margin-left:auto;
        margin-right:auto;

        border-left:15px solid white;
        border-right:15px solid white;

        width:100%;
        max-width:390px;
    }

    #homepage .row P{
        height:100%;
    }
}

@media (min-width: 576px) and (max-width: 1199px){
    #homepage div#first_card {
        margin-left:auto;
        margin-right:15px;
    }

    #homepage div#second_card {
        margin-left:15px;
        margin-right:auto;
    }

    #homepage div#third_card {
        margin-left:auto;
        margin-right:15px;
    }

    #homepage div#fourth_card {
        margin-left:15px;
        margin-right:auto;
    }

    #homepage div#fifth_card {
        margin-left:auto;
        margin-right:15px;
    }

    #homepage div#sixth_card {
        margin-left:15px;
        margin-right:auto;
    }

    #homepage .card {
        border-left:0px;
        border-right:0px;
    }
}


@media (min-width: 576) {
    #homepage .card {
        width:100%;
        max-width:395px;
    }
}

@media (min-width: 768){
    #homepage .card {
        width:100%;
        max-width:360px;
    }
}
@media (min-width: 992){
    #homepage .card {
        width:100%;
        max-width:330px;
    }
}



@media (min-width: 1200px){
    #homepage div#first_card {
        margin-left:auto;
        margin-right:15px;
    }

    #homepage div#second_card {
        margin-left:15px;
        margin-right:15px;
    }

    #homepage div#third_card {
        margin-left:15px;
        margin-right:auto;
    }

    #homepage div#fourth_card {
        margin-left:auto;
        margin-right:15px;
    }

    #homepage div#fifth_card {
        margin-left:15px;
        margin-right:15px;
    }

    #homepage div#sixth_card {
        margin-left:15px;
        margin-right:auto;
    }

    #homepage .card {
        border-left:0px;
        border-right:0px;
        width:100%;
        max-width:360px;
    }
}