header{
    background-color: #53565a;
    border-top: 10px solid #1299d4;
}

header > nav{
    display: flex;
    justify-content: center;
    padding: 15px 0px;
    height: auto !important;
}

header > nav > .container{
    align-items: center;
    justify-content: space-between !important;
}

header > nav > .container > div{
    display: flex;
    align-items: center;
}

header > nav > .container .brand{
    border-right: 1px solid #cecece;
    padding-right: 20px;
    margin-right: 20px;
}

header > nav .tabs{
	display: flex;
	list-style: none;
	padding: 0px 20px;
}

header > nav .tabs .separator{
	color: #444;
	padding: 0px 2px;
}

header > nav .tabs li a{
	text-decoration: none;
	color: #fff;
	cursor: pointer;
}

header > nav .tabs li a.active{
	color: #1299d4;
}

header > nav .tabs li a:hover{
	text-decoration: underline;
}




/*Mobile*/
@media (max-width: 1024px){
    header > nav{
        padding: 15px 20px;
    }
    
    header > nav > .container{
        align-items: start;
        flex-direction: column;    
    }
    
    header > nav .tabs{
        padding: 20px 0px;
        flex-wrap: wrap;
    }

    #plans .product{
        flex-direction: column;
    }

    #plans .product .combo-table, #plans .product .pricing-table{
        margin-bottom: 10px;
    }

    .page-header{
        justify-content: center;
    }

    .page-header > div{
        display: none;
    }

    #plans h1{
        text-align: center;
    }
}


.content{
    display: none;
}

.content.active{
    display: block;
}

.content h1{
    margin: 30px 0px;
}


#tvcontent .product{
    flex-wrap: wrap;
}


.navigation{
    display: flex;
    justify-content: center;
    margin-top: 25px;
}

.navigation a{
    margin: 0px 10px;
}