html{
    height:100%;
    width:100%;
}

body{
    background: #1b1650  url("../img/background.jpg") no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.logo{width:200px; float:right; margin-top:50px;}

.content-text{    margin-top: 200px;
    padding: 15px 15px 60px; background: #000000ab;}
	
@media only screen and (max-width: 40em) {
	.content-text{    margin-top: 20px;}
	
}

.content-text h2{
    text-transform: uppercase;
    color:#9bf93c;
    font-weight: 600;
	font-style:italic;
	margin-bottom: 0;
    line-height: 36px;
}

.content-text h5, .content-text p {
    color:#fff;
}

.content-text span {
    color:#1f5c82;
}

.content-text h5{
    text-transform: uppercase;
    color:#43ffff;
    font-size: 1.6rem;
	font-style:italic;
}

.content-text span{
    text-transform: uppercase;
    background-color:#43ffff;
    display:block;
    text-align:center;
    margin-bottom:30px;
	padding: 3px 0;
}

.content-text a{
    color: #1f5c82;
    font-weight: 600;
    font-style: italic;
}

p {
	text-align: justify;
}

@media only screen and (max-width: 50em) and (min-width: 40em) {
    
    body{
    background: #1b1650 url("../img/background.jpg") no-repeat -565px center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
          height:100%;
}


    .content-text h5, .content-text p, .content-text span{
        margin-left:0;
    }   
    .content-text h2{
        font-size: 2rem;
    }

}

@media only screen and (max-width: 40em) {

    body{
        background: #1b1650 url("../img/background.jpg") no-repeat left top fixed; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
          height:100%;
    }
    

    .logo{width:200px; float:none; margin:50px auto;}

    .content-text{padding-top:100px;}

    .content-text h2{
        text-transform: uppercase;
        color:#9bf93c;
        font-weight: 600;
        font-size: 1.8rem;
        text-align:center;
		font-style:italic;
    }

    .content-text h5{
        font-size: 1.2rem;
    }

    .content-text h5, .content-text p, .content-text span{
        margin-left:0;
        text-align:center;
    }

} /* max-width 640px, mobile-only styles, use when QAing mobile issues */