
					/* GLOBAL CSS*/

* {
margin:0;
padding:0;
cursor: url('../../global/mainc.png'), auto;
}

body {
margin:0;
padding:0;
background:url("../valkhall.jpg")no-repeat fixed center;
background-size:cover;
background-position:85% 15%;
}

#bodyflex{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
position:relative;
}

.primwinwrap {
width:750px;
margin:auto;
margin-top:30px;
}

.bluebar {
border:solid 1px #adc1eb;
border-top-left-radius:5px;
border-top-right-radius:5px;
background: linear-gradient(white 1%, rgb(173, 193, 235) 20%, white 110%);
border-bottom:1px solid transparent;
width:750px;
margin:auto;
}

.primwin {
border:1px solid gray;
/*overflow-y:scroll;*/
height:auto;
width:750px;
margin:auto;
background:white;
opacity:.9;
display: -webkit-flex;
display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
margin-bottom:50px;
}

.rrlogo {
width:300px;
}

.rc {
margin-top:-70px;
text-align:center;
color:#adc1eb;
text-shadow: 0px 0px 6px #2a52a2;
}

.header {
margin:auto;
margin-top:20px;
z-index:-1;
}



.circ {
border:1px solid black;
width:9px;
height:9px;
display:inline-block;
border-radius:50%;
background:linear-gradient(white 1%, rgb(91, 130, 215) 70%, white 110%)
}

.editor {
margin-top:2px
}



h1, h2 {
text-align:center;
line-height:90px;
color:#98b1e6;
}

h3 {
text-align:center;
color:#98b1e6;
}

p {;
font-size:120%;

}

.fblogo {
width:300px;
height:75px;
border:1px solid black
}

.donate {
width:200px;
height:50px;
border:1px solid black;
border-radius:20px;
}



.feat {margin-top:14px}

.hr1 {width:90%}
.hr2 {width:73%}
.hr3 {width:51%}

					/* GLOBAL CSS*/




				/* BACK BUTTON */

/* JUST ADD ON BUTTON CSS */
.backedit:active {cursor: url('../../global/activec.png'), auto;}

.bbpa, .csr, .backarrow, .back, .backbutton, .backedit {
cursor: url('../../global/linkc.png'), auto;
}
/* JUST ADD ON BUTTON CSS */

.bbpa {display:flex;
transition:.5s;

width:65px;
margin-bottom:3px;
}

.bbpa a {width:auto;
text-decoration:none;
color:gray;
}

.bbpa:hover {
margin-left:-14px;

}

.back, .backarrow {margin-top:5px
}

.backarrow {
border:12px solid #85e085;
border-left:0px solid transparent;
border-top:9px solid transparent;
border-bottom:9px solid transparent;
margin-right:2px;
transition:.5s;
}

.back {
width:50px;
background:white
linear-gradient(white 1%, rgb(217, 217, 217) 80%, white 110%);
text-align:center;
border-radius:5px;
}

.back:hover {
cursor: url('linkc.png'), auto;	
background:linear-gradient(white 1%, rgb(173, 193, 235) 20%, white 110%);
}

.backflex:hover .backarrow {border:12px solid red;
border:12px solid #e08585;
border-left:0px solid transparent;
border-top:9px solid transparent;
border-bottom:9px solid transparent;
margin-left:1px;
transition:.5s;
cursor: url('../../linkc.png'), auto;	
}



.backflex {
display:flex;
}

.mainwin3 {
    display: -webkit-flex;
    display: flex;
}


.mainwin2 {
    display: -webkit-flex;
    display: flex;
margin:auto;
}


					/* BACK BUTTON */

.grntxt {color:green}
.pinktxt {color:pink}
.redtxt {color:red}
.bluetxt {color:blue}
.orangetxt{color:#f58989}
.rotxt {color:#98b1e6;}



.floatmid {text-align:center}
.floatleft {text-align:left}
.floatright {text-align:right}

.flexdata {    
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-around;
    justify-content: space-around;
}

.flexcol {    
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.section {
margin:auto;
width:90%
}

.spacer {margin:20px 0px}



/* ***************RESPONSIVE 753**************** */
@media screen and (max-width: 770px) 
{
.primwin, .bluebar, .primwinwrap {
width:468px;
height:auto;
}

p{font-size:120%}

}
/* ***************RESPONSIVE 753**************** */

/* ***************RESPONSIVE 753**************** */
@media screen and (max-width: 488px) 
{
.primwin, .bluebar, .primwinwrap {
width:268px;
height:auto;
}

p{font-size:100%}

}
/* ***************RESPONSIVE 753**************** */








