.title{
	position: absolute;
	width: 100%;
	top: -1px;
	text-align: center;
	line-height: 1.4;
	-webkit-transform: translate(0, 5%);
	-ms-transform: translate(0, 5%);
	transform: translate(0, 5%);
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	z-index: 3;
	background-color: rgba(255,255,255,.35);
}
.title:hover {
	color: black;
	background: rgba(255, 255, 255, 0.5);
}
.section-1 {
	background: #fefefe;
}
.section-2 {
	background: #48445b;
}
.top50{
	margin-top: 50px;
}
.top40{
	margin-top: 40px;
}
.top20{
	margin-top: 20px;
}
.top100{
	margin-top: 100px;
}
.top80{
	margin-top: 80px;
}
.top250{
	margin-top: 400px;
}
.head-white{
	color: #fff;
}
#page1,#page2,#page3,#page4,#page5,#page62,#page7,#page8,#page9,#page11,#page10,#page12{
	text-align: center;
	color: #111;
}
@media all and (max-width: 639px) and (min-width: 320px) {
    #page3 {
        background-image: url('../img/manifback-sm.jpg'); /*in the case you have another image for this resolution*/
        background-size: 320px 240px;
    }
}

@media all and (max-width: 799px) and (min-width: 640px) {
    #page3 {
        background-image: url('../img/manifback-md.jpg'); /*in the case you have another image for this resolution*/
        background-size: 640px 480px;
    }
}

@media all and (max-width: 1023px) and (min-width: 800px) {
    #page3 {
        background-image: url('../img/manifback-nr.jpg'); /*in the case you have another image for this resolution*/
        background-size: 800px 600px;
    }
}

/* this one goes for default images - bigger sizes */
@media all and (min-width: 1024px) {
    #page3 {
        background-image: url('../img/manifback.jpg'); /*in the case you have another image for this resolution*/
        background-size: 1024px 768px;
    }
}
#page3 {
	background-repeat:no-repeat;
    background-position:center;
    background-size: cover;

}

@media all and (max-width: 639px) and (min-width: 320px) {
    #page4 {
        background-image: url('../img/politicback-sm.jpg'); /*in the case you have another image for this resolution*/
        background-size: 320px 240px;
    }
}

@media all and (max-width: 799px) and (min-width: 640px) {
    #page4 {
        background-image: url('../img/politicback-md.jpg'); /*in the case you have another image for this resolution*/
        background-size: 640px 480px;
    }
}

@media all and (max-width: 1023px) and (min-width: 800px) {
    #page4 {
        background-image: url('../img/politicback-nr.jpg'); /*in the case you have another image for this resolution*/
        background-size: 800px 600px;
    }
}

/* this one goes for default images - bigger sizes */
@media all and (min-width: 1024px) {
    #page4 {
        background-image: url('../img/politicback.jpg'); /*in the case you have another image for this resolution*/
        background-size: 1024px 768px;
    }
}
#page4 {
	background-repeat:no-repeat;
    background-position:center;
    background-size: cover;
    line-height: 1.01;
}

@media all and (max-width: 639px) and (min-width: 320px) {
    #page5 {
        background-image: url('../img/militaryback-sm.jpg'); /*in the case you have another image for this resolution*/
        background-size: 320px 240px;
    }
}

@media all and (max-width: 799px) and (min-width: 640px) {
    #page5 {
        background-image: url('../img/militaryback-md.jpg'); /*in the case you have another image for this resolution*/
        background-size: 640px 480px;
    }
}

@media all and (max-width: 1023px) and (min-width: 800px) {
    #page5 {
        background-image: url('../img/militaryback-nr.jpg'); /*in the case you have another image for this resolution*/
        background-size: 800px 600px;
    }
}

/* this one goes for default images - bigger sizes */
@media all and (min-width: 1024px) {
    #page5 {
        background-image: url('../img/militaryback.jpg'); /*in the case you have another image for this resolution*/
        background-size: 1024px 768px;
    }
}
#page5 {
	background-repeat:no-repeat;
    background-position:center;
    background-size: cover;: 

}

@media all and (max-width: 639px) and (min-width: 320px) {
    #page6 {
        background-image: url('../img/tback-sm.jpg'); /*in the case you have another image for this resolution*/
        background-size: 320px 240px;
    }
}

@media all and (max-width: 799px) and (min-width: 640px) {
    #page6 {
        background-image: url('../img/tback-md.jpg'); /*in the case you have another image for this resolution*/
        background-size: 640px 480px;
    }
}

@media all and (max-width: 1023px) and (min-width: 800px) {
    #page6 {
        background-image: url('../img/tback-nr.jpg'); /*in the case you have another image for this resolution*/
        background-size: 800px 600px;
    }
}

/* this one goes for default images - bigger sizes */
@media all and (min-width: 1024px) {
    #page6 {
        background-image: url('../img/tback.jpg'); /*in the case you have another image for this resolution*/
        background-size: 1024px 768px;
    }
}
#page6 {
	background-repeat:no-repeat;
    background-position:center;
    background-size: cover;
	text-align: center;

}
@media all and (max-width: 639px) and (min-width: 320px) {
    #page7 {
        background-image: url('../img/teachingback-sm.jpg'); /*in the case you have another image for this resolution*/
        background-size: 320px 240px;
    }
}

@media all and (max-width: 799px) and (min-width: 640px) {
    #page7 {
        background-image: url('../img/teachingback-md.jpg'); /*in the case you have another image for this resolution*/
        background-size: 640px 480px;
    }
}

@media all and (max-width: 1023px) and (min-width: 800px) {
    #page7 {
        background-image: url('../img/teachingback-nr.jpg'); /*in the case you have another image for this resolution*/
        background-size: 800px 600px;
    }
}

/* this one goes for default images - bigger sizes */
@media all and (min-width: 1024px) {
    #page7 {
        background-image: url('../img/teachingback.jpg'); /*in the case you have another image for this resolution*/
        background-size: 1024px 768px;
    }
}
#page7 {
	background-repeat:no-repeat;
    background-position:center;
    background-size: cover;
}
@media all and (max-width: 639px) and (min-width: 320px) {
    #page8 {
        background-image: url('../img/peopleback-sm.jpg'); /*in the case you have another image for this resolution*/
        background-size: 320px 240px;
    }
}

@media all and (max-width: 799px) and (min-width: 640px) {
    #page8 {
        background-image: url('../img/peopleback-md.jpg'); /*in the case you have another image for this resolution*/
        background-size: 640px 480px;
    }
}

@media all and (max-width: 1023px) and (min-width: 800px) {
    #page8 {
        background-image: url('../img/peopleback-nr.jpg'); /*in the case you have another image for this resolution*/
        background-size: 800px 600px;
    }
}

/* this one goes for default images - bigger sizes */
@media all and (min-width: 1024px) {
    #page8 {
        background-image: url('../img/peopleback.jpg'); /*in the case you have another image for this resolution*/
        background-size: 1024px 768px;
    }
}
#page8 {
	background-repeat:no-repeat;
    background-position:center;
    background-size: cover;
}
@media all and (max-width: 639px) and (min-width: 320px) {
    #page9 {
        background-image: url('../img/culturalback-sm.jpg'); /*in the case you have another image for this resolution*/
        background-size: 320px 240px;
    }
}

@media all and (max-width: 799px) and (min-width: 640px) {
    #page9 {
        background-image: url('../img/culturalback-md.jpg'); /*in the case you have another image for this resolution*/
        background-size: 640px 480px;
    }
}

@media all and (max-width: 1023px) and (min-width: 800px) {
    #page9 {
        background-image: url('../img/culturalback-nr.jpg'); /*in the case you have another image for this resolution*/
        background-size: 800px 600px;
    }
}

/* this one goes for default images - bigger sizes */
@media all and (min-width: 1024px) {
    #page9 {
        background-image: url('../img/culturalback.jpg'); /*in the case you have another image for this resolution*/
        background-size: 1024px 768px;
    }
}
#page9 {
	background-repeat:no-repeat;
    background-position:center;
    background-size: cover;
}
@media all and (max-width: 639px) and (min-width: 320px) {
    #page10 {
        background-image: url('../img/walking-sm.jpg'); /*in the case you have another image for this resolution*/
        background-size: 320px 240px;
    }
}

@media all and (max-width: 799px) and (min-width: 640px) {
    #page10 {
        background-image: url('../img/walking-md.jpg'); /*in the case you have another image for this resolution*/
        background-size: 640px 480px;
    }
}

@media all and (max-width: 1023px) and (min-width: 800px) {
    #page10 {
        background-image: url('../img/walking-nr.jpg'); /*in the case you have another image for this resolution*/
        background-size: 800px 600px;
    }
}

/* this one goes for default images - bigger sizes */
@media all and (min-width: 1024px) {
    #page10 {
        background-image: url('../img/walking.jpg'); /*in the case you have another image for this resolution*/
        background-size: 1024px 768px;
    }
}
#page10 {
	background-repeat:no-repeat;
    background-position:center;
    background-size: cover;
}
#page11 {
	background: url('../img/earthback.jpg') no-repeat;
	background-size: cover;
}

@media all and (max-width: 639px) and (min-width: 320px) {
    #page12 {
        background-image: url('../img/tree-sm.jpg'); /*in the case you have another image for this resolution*/
        background-size: 320px 240px;
    }
}

@media all and (max-width: 799px) and (min-width: 640px) {
    #page12 {
        background-image: url('../img/tree-md.jpg'); /*in the case you have another image for this resolution*/
        background-size: 640px 480px;
    }
}

@media all and (max-width: 1023px) and (min-width: 800px) {
    #page12 {
        background-image: url('../img/tree-nr.jpg'); /*in the case you have another image for this resolution*/
        background-size: 800px 600px;
    }
}

/* this one goes for default images - bigger sizes */
@media all and (min-width: 1024px) {
    #page12 {
        background-image: url('../img/tree.jpg'); /*in the case you have another image for this resolution*/
        background-size: 1024px 768px;
    }
}
#page12 {
	background-repeat:no-repeat;
    background-position:center;
    background-size: cover;
	text-align: center;

}
.panel-default {
	border-color: #ddd;
}

.panel {
	margin-bottom: 10px;
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.panel-body {
	padding: 15px;
}
.text-style{
	line-height: 1.4;
	text-align: justify;
}
.link-blue{
	color: #337ab7;
}
.link-blue:hover,.link-blue:visited,.link-blue:focus{
	color: #337ab7;
	text-decoration: underline;
}