/* Webreus custom styles
-------------------------------------------------- */
body {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffff+0,edf4f7+90,dae7ed+100 */
background: #feffff; /* Old browsers */
background: -moz-linear-gradient(top, #feffff 0%, #edf4f7 90%, #dae7ed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(90%,#edf4f7), color-stop(100%,#dae7ed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #feffff 0%,#edf4f7 90%,#dae7ed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #feffff 0%,#edf4f7 90%,#dae7ed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #feffff 0%,#edf4f7 90%,#dae7ed 100%); /* IE10+ */
background: linear-gradient(to bottom, #feffff 0%,#edf4f7 90%,#dae7ed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#dae7ed',GradientType=0 ); /* IE6-9 */}
.navbar-inverse {
    background-color: #1569C7;
    border-color: #080808;
}
.navbar-inverse .navbar-brand {
    color: #fff;
}
.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    color: #080808;
    background-color: #fff;
}
img {
    vertical-align: middle;
    max-width: 100%;
}
.starter-template {
	background: ;
    padding: 40px 15px;
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
	min-height:550px;
	
}

	.list {text-align: left !important;}

     /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
		
		.list {
			padding-left: 20px
		}
        
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
		
		.list {
			padding-left: 100px
		}

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
		
		.list {
			padding-left: 140px
		}

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
		
		.list {
			padding-left: 220px
		}

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
		
		.list {
			padding-left: 240px
		}

    }