body {
    font-size: 20px !important;
    margin: 0;
    padding: 0;
    font-family: Roboto, Arial, sans-serif;
}

*:focus {
    outline: none;
}


@media all and (min-width:1601px) {
    body {
        font-size: 20px !important;
    }
}

@media all and (max-width:1600px) and (min-width:1281px) {
    body {
        font-size: 15px !important;
    }
}

@media all and (max-width:1280px) and (min-width:1021px) {
    body {
        font-size: 14px !important;
    }
}

@media all and (max-width:1020px) and (min-width:1px) {
    body {
        font-size: 12px !important;
    }
}

.stretch {
width:100%;
}


.background-top-network {
width:100%;
position:relative;
top:0;
left:0;
}


.background-bottom-network {
width:100%;
position:relative;
top:0;
left:0;
margin-bottom:7%;
clear:both;
}

.background-title 
{
    width:80%;
    top:0;
    left:0;
    position:relative;
}

.mid-section-text {
font-family:'Roboto Light', arial, sans-serif;
font-size:90%;
font-weight:lighter;
margin-top:2%;
}


.background-first-pic 
{
    width:85%;
    top:0;
    left:3%;
    position:relative;
    margin-top:8%;
}

.nav-networksecurity 
{
    color:#00a4ff;
}


.bottom-text-section {
position:absolute;
right:0;
top:32%;
width:50%;
text-align:left;
}

.bottom-text-title {
font-family:'Roboto', arial, sans-serif;
font-size:180%;
text-transform:uppercase;
color:black;
}

.bottom-text {
font-family:'Roboto Light', arial, sans-serif;
font-size:100%;
color:black;
font-weight:lighter;
width:70%;
padding-top:1%;
}