/*Globals*/
body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #444444;
    font-size:16px;
}
h2 {
    color: #882222;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:active > a,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  color: white;
  background-color: #545B62;
}

.upwords-button, .upwords-button:hover, .upwords-button:focus {
    background-color: #2C444F;
    border-color: #FFFFFF;
    outline: none !important;
    box-shadow: none !important;
}

.upwords-button:active {
    background-color: #611708;
    border-color: #FFFFFF;
    outline: none !important;
    box-shadow: none !important;
}

.upwords-button-alert {
    background-color: #992222;
    border-color: #FFFFFF;
    outline: none !important;
    box-shadow: none !important;
}

.upwords-button-alert:hover {
    background-color: #FF0000;
    border-color: #FFFFFF;
    outline: none !important;
    box-shadow: none !important;
}

.upwords-red {
    color: #2C444F;
}

nav .navbar-nav li a{
  color: #2C444F !important;
}
nav .navbar-nav:hover li a{
  color: #497183 !important;
}

nav .navbar-brand {
    margin-left: -20px;
}

/*.navbar-nav 
{
    padding: 0;
    margin-bottom:0 ;
    background: red;
    
}*/

/*#myNavbar {
    position: relative;
}*/

/*#myNavbar .nav {
    position: absolute; 
    bottom: 0; 
    right: 0;
    margin-bottom: -10px;
}
*/
/*Responsive*/
@media all and (max-width: 10200px) { /* screen size until 1200px */
    h1 {
        font-size: 200%;
        margin-top: 25px;
        margin-bottom: 25px;
    }
    h2 {
        font-size:160%;
        margin-top: 20px;
        margin-bottom: 5px;
    }
    h3 {
        color: #666666;
        font-size: 120%;
        margin-top: 20px;
        margin-bottom: 15px;
    }
    h4 {
        font-size:110%;
        margin-top: 20px;
        margin-bottom: 5px;
    }
    body {
        font-size:100%;
        margin:7%;
    }
    #aboutbody {
        font-size:100%;
        margin:7%;
    }
    #tagline {
        font-size: 3vw;
        margin-top: 0px;
        margin-bottom: 25px;
    }
    #logo {
        width: 25%;
    }
    #title {
        width: 50%;
    }
    #screenshot {
        width: 60%;
    }
    #emailWidth {
        width: 30%;
    }
    
}
@media all and (max-width: 1000px) { /* screen size until 1000px */
    h1 {
        font-size: 200%;
        margin-top: 25px;
        margin-bottom: 15px;
    }
    h2 {
        font-size:160%;
        margin-top: 20px;
        margin-bottom: 5px;
    }
    h3 {
        color: #666666;
        font-size: 120%;
        margin-top: 20px;
        margin-bottom: 15px;
    }
    h4 {
        font-size:110%;
        margin-top: 20px;
        margin-bottom: 5px;
    }
    body {
        font-size:100%;
        margin:7%;
    }
    #aboutbody {
        font-size:100%;
        margin:7%;
    }
    #tagline {
        font-size: 3.5vw;
        margin-top: 0px;
        margin-bottom: 25px;
    }
    #logo {
        width: 40%;
    }
    #title {
        width: 50%;
    }
    #screenshot {
        width: 75%;
    }
    #emailWidth {
        width: 50%;
    }
}
@media all and (max-width: 500px) { /* screen size until 500px */
    h1{
        font-size: 200%;
        margin-top: 25px;
        margin-bottom: 15px;
    }
    h2 {
        font-size: 160%;
        margin-top: 20px;
        margin-bottom: 5px;
    }
    h3 {
        color: #666666;
        font-size:120%;
        margin-top: 20px;
        margin-bottom: 15px;
    }
    h4 {
        font-size:110%;
        margin-top: 20px;
        margin-bottom: 5px;
    }
    body {
        font-size:100%;
        margin:5%;
    }
    #aboutbody {
        font-size:60%;
        margin:7%;
    }
    #tagline {
        font-size: 5.5vw;
        margin-top: 0px;
        margin-bottom: 25px;
    }
    #logo {
        width: 70%;
    }
    #title {
        width: 75%;
    }
    #screenshot {
        width: 100%;
    }
    #emailWidth {
        width: 100%;
    }
}

/*Colored Links*/
a {
    color: #2244AA;
    text-decoration:none;
}
 a:hover {
    color: #4444FF;
    text-decoration:none;
}
.marginBox {
    margin: 25px 50px 75px 100px;
}