body {
overflow-x: hidden;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
padding-top: 0;
background-color: #fff;
}

a {
outline: 0;
}

.container {
max-width: 541px;
}

header {
padding: 0;
margin: 0;
background-color: #9ce5ff;
}

.navbar-default {
border: 0;
background-color: #15367a;
}

.navbar-default .navbar-brand {
padding: 15px 25px;
}

.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:active,
.navbar-default .navbar-toggle:focus {
border-color: #4463a4;
background-color: #4463a4;
}

.navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
}

.navbar-default .navbar-toggle:hover {
border-color: #507dd8;
background-color: #507dd8;
}

.navbar-default .nav li a {
text-transform: uppercase;
letter-spacing: 1px;
color: #fff;
}

.navbar-default .nav li a:focus {
color: #fff;
}

.navbar-default .nav li a:hover {
outline: 0;
color: #8dadef;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus {
border-radius: 0;
color: #fff;
background-color: #305092;
}

.navbar-default .navbar-nav>.active>a:hover {
color: #fff;
background-color: #507dd8;
}

section .content {
padding: 50px 0;
}

section h2 {
font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
font-size: 32px;
letter-spacing: 3px;
font-weight: 300; 
text-transform: uppercase;
text-align: center;
margin: 5px 0 25px 0;
}

section h2:first-letter {
font-size: 38px;
letter-spacing: 3px;
}

section h3 {
font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
font-size: 28px;
letter-spacing: 3px;
font-weight: 300; 
text-transform: uppercase;
text-align: center;
margin: 25px 0;
}

section h3:first-letter {
font-size: 36px;
letter-spacing: 3px;
}

section p {
text-align: justify;
font-size: 15px;
padding: 6px 0;
}

section p span.p1 {
font-size: 24px;
line-height: 24px;
}

section p strong {
text-transform: uppercase;
letter-spacing: 1px;
font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
}

section p em {
letter-spacing: 1px;
font-weight: 700;
font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
}

section p a, section p a:focus {
text-decoration: none;
}

section p a:hover {
text-decoration: none;
}

section .words {
padding: 0 8px;
}

section#welcome {
background-color: #ffe594;
padding: 40px 0 47px 0;
}

section#welcome h2 {
color: #512d00;
}

section#welcome h2:first-letter {
color: #00b2f2;
}

section#welcome p {
color: #8b4d00;
}

section#welcome p span.p1 {;
color: #512d00;
}

section#welcome p strong {
color: #ff9000;
}

section#welcome p em {
color: #27bcf1;
}

section#welcome ul.info {
list-style-type: none;
text-align: center;
margin: 0;
padding: 10px 0 5px 0;
color: #8b4d00;
font-size: 15px;
}

section#welcome a {
color: #ff5c87;
font-weight: 700;
}

section#welcome a:hover {
color: #ff245e;
}

section#welcome a:focus {
color: #ff5c87;
}

section#welcome ul.info li {
display: inline;
}

section#welcome ul.info li a {
text-decoration: none;
font-weight: 700;
padding: 0 2px 0 2px;
color: #ff5c87;
text-transform: uppercase;
letter-spacing: 1px;
font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
}

section#welcome ul.info li a:hover {
text-decoration: none;
color: #ff245e;
}

section#welcome ul.info li a:focus {
text-decoration: none;
color: #ff5c87;
}

section#welcome img.marathorn {
margin: 25px 0 15px 0;
border: 0;
}


section#network {
background-image: url(/images/patternbg.png);
padding: 50px 0 110px 0;
}

section#network h2 {
color: #512d00;
}

section#network h2:first-letter {
color: #56f356;
}

section#network h3 {
color: #512d00;
}

section#network h3:first-letter {
color: #56f356;
}

section#network h4 {
font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
font-size: 26px;
letter-spacing: 2px;
font-weight: 300; 
text-transform: uppercase;
color: #512d00;
margin: 40px 0 0 0;
text-align: center;
}

section#network h4 a {
color: #512d00;
text-decoration: none;
}

section#network h4 a:hover {
color: #8aed8a;
text-decoration: none;
}

section#network h4 a:focus {
color: #512d00;
text-decoration: none;
}

section#network p {
color: #8b4d00;
}

section#network p span.p1 {;
color: #512d00;
}

section#network p strong {
color: #3bb03b;
}

section#network p em {
color: #ff9600;
}

section#network a {
color: #ff245e;
}

section#network a:hover {
color: #ff739e;
}

section#network a:focus {
color: #ff245e;
}

section#network .rightcol {
border: 0;
background-color: rgba(255,240,78,0.25);
margin-bottom: 5px;
margin-left: 32px;
margin-right: 32px;
}

section#network .rightcol p {
text-align: left;
padding-bottom: 0;
font-size: 14px;
}

section#network img.profile {
border-radius: 100%;
margin: 25px auto 20px auto;
}

section#network img.future {
margin: 8px 5px 15px 5px;
border: 0;
border-radius: 100%;
}


section#domain {
background-color: #bfeeff;
padding: 50px 0 75px 0;
}

section#domain h2 {
color: #512d00;
}

section#domain h2:first-letter {
color: #305092;
}

section#domain h3 {
color: #512d00;
}

section#domain h3:first-letter {
color: #305092;
}

section#domain p {
color: #8b4d00;
}

section#domain p span.p1 {;
color: #512d00;
}

section#domain p strong {
color: #15367a;
}

section#domain p em {
color: #6e3d00;
}

section#domain a {
color: #0078ff;
}

section#domain a:hover {
color: #5aa8ff;
}

section#domain a:focus {
color: #0078ff;
}

section#domain img.left {
float: left;
margin: 7px 15px 3px 0;
border: 0;
}

section#domain img.right {
float: right;
margin: 7px 0 3px 15px;
border: 0;
}


section#exeunt {
background-image: url(/images/patternbg2.png);
padding: 50px 0 47px 0;
}

section#exeunt h2 {
color: #512d00;
}

section#exeunt h2:first-letter {
color: #56f356;
}

section#exeunt h3 {
color: #512d00;
}

section#exeunt h3:first-letter {
color: #56f356;
}

section#exeunt p {
color: #8b4d00;
}

section#exeunt p span.p1 {;
color: #512d00;
}

section#exeunt p strong {
color: #3bb03b;
}

section#exeunt p em {
color: #ff9600;
}

section#exeunt a {
color: #ff245e;
}

section#exeunt a:hover {
color: #ff739e;
}

section#exeunt a:focus {
color: #ff245e;
}

section#exeunt img.links {
margin: 8px 5px;
border: 3px solid #512d00;
}

section#exeunt img.right {
float: right;
margin: 7px 0 3px 25px;
border: 0;
}

section#exeunt ul.exit {
list-style-type: none;
text-align: justify;
margin: 5px 5px;
padding: 0;
font-size: 16px;
}

section#exeunt ul.exit li {
display: inline;
}

section#exeunt ul.exit li a {
text-decoration: none;
font-weight: 700;
padding: 1px 4px;
line-height: 26px;
color: #fff;
background-color: #15367a;
text-transform: uppercase;
}

section#exeunt ul.exit li a:hover {
text-decoration: none;
color: #e7efff;
background-color: #305092;
}

section#exeunt ul.exit li a:focus {
text-decoration: none;
color: #fff;
background-color: #15367a;
}


footer {
text-align: center;
font-size: 12px;
color: #ffe594;
margin: 0;
padding: 8px 0;
background-color: #3b2100;
}

footer strong {
color: #67d7ff;
font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 300;
}



@media (min-width:768px){

.container {
max-width: 900px;
}

.navbar-default .navbar-brand {
padding: 15px 75px;
}

.navbar-default .navbar-right {
padding-right: 75px;
}

section .content {
padding: 70px 0;
}

section h2 {
font-size: 42px;
margin: 5px 0 35px 0;
}

section h2:first-letter {
font-size: 50px;
}

section h3 {
font-size: 32px;
}

section h3:first-letter {
font-size: 38px;
}

section p {
padding: 8px 0;
}

section .words {
padding: 0 15px;
}

section#welcome ul.info {
font-size: 17px;
}

section#network h4 {
margin: 40px 0 -8px 0;
}

section#network img.profile {
margin: 25px auto 15px auto;
}

section#network .rightcol {
margin-top: 23px;
margin-bottom: 20px;
margin-left: 15px;
margin-right: 15px;
}

footer {
padding: 12px 0;
}


}


/*
/*