﻿@media screen and (max-width:700px) {
    /*phones and small devices*/
}

@media screen and (min-width:701px) and (max-width:1000px) {
    /*tablets and such devices*/
}

@media screen and (min-width:1001px) {
    /*desktop and bigger devices*/
}

.header-style {
    padding: 10px;
    border-radius: 3px;
    text-align: center
}

.dc-box-plain {
    margin: 10px 10px 10px 0px;
    padding: 10px 10px 10px 0px;
    display: inline-flex;
}

.dc-box-content {
    margin: 0px 10px 10px 10px;
    padding: 0px 10px 10px 10px;
}

.dc-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /*justify-content:center;*/
}

.dc-container-center {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:center
}

.dc-box {
    border: 0.1px solid;
    border-color: #f2f2f2; /*#f2f2f2*/
    margin: 0px 10px 10px 0px;
    padding: 0px 10px 10px 0px;
    display: inline-flex;
}

.dc-box-icon {
    padding: 10px;
}

.nav-box-icon{
    padding:10px 15px
}

.dc-box-content-title2 {
    color: navy;
    margin: 0px;
    padding: 0px;
    font-size: xx-large;
    font-weight: bold
}

.dc-box-content-title {
    color: black;
    margin: 0px;
    padding: 10px 0px 0px 0px;
    font-size: large;
    font-weight: bold
}

.dc-box-content-desc {
    margin: 0px;
    padding-top: 1px;
}


.dc-box-sec-title {
    color: blue;
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 5px 0px;
    font-size: xx-large;
    font-weight: bold
}

.dc-box-sec-desc {
    margin: 0px;
    padding-top: 1px;
    font-size: medium;
    /*font-weight:bold*/
}

.lin-grd-90 {
    background: linear-gradient(90deg, white, #98aef6);
}

.lin-grd {
    background: linear-gradient(0deg, white, #98aef6);
}

.lin-grd-inv {
    background: linear-gradient(0deg, #98aef6, white);
}

.width-64 {
    width: 64px;
}

.width-96 {
    width: 96px;
}

.width-250 {
    width: 250px;
}

.width-600 {
    width: 600px;
}

.width-30pc {
    width: 30%
}

.width-70pc {
    width: 70%
}

.width-100pc {
    width: 100%
}

.text-centered {
    text-align: center
}

