.white{
    color:white;
}

.blue{
    color:#006;
}
.red{
    color:#600;
}
.cream{
    color:#600;
}
.gray{color:#bbb}

.text-xlarge{
font-size: 5.5em;
}
.text-large{
font-size: 3.5em;
}
.text-thin{
font-weight: 200;
}
.text-narrow{letter-spacing: -0.05em}

.background-image-1{
    background-image: url(images/bk1.jpg);
}

.background-image-2{
    background-image: url(images/bk2.jpg);
}

.background-image-3{
    background-image: url(images/bk3.jpg);
}

.background-image-4{
    background-image: url(images/4.png);
}
.border-style-1{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.border-style-2{

    border:1px solid #ccc;
    -webkit-border-radius: 10px 0px;
    -moz-border-radius:10px 0px;
    border-radius:10px 0px;
}
.shadow-style-1{
    -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.75);
}

.shadow-style-2{
    -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.85);
    -moz-box-shadow:    4px 4px 5px 0px rgba(50, 50, 50, 0.85);
    box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.85);
}


.box-style-1{
    background:rgba(255,255,255,0.5);
    padding:2em;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
}

.box-style-2{
    margin: 2em auto;
    background-color:rgba(255,255,255,0.8);
    padding: 2em;
}

.box-style-3{
    margin: 2em auto;
    background-color: white;
    padding: 1em;
}

.box-style-4{
    background-color: gray;
    padding: 2em;
}
.box-style-5{
    background-color:white;
    padding: 2em;
}
.box-style-6{
    padding: 2em;
    margin: 2em;
    background-color:rgba(255,255,255,0.8);
    padding: 2em;
    color:#555;
}
.background-gradient {
    background: gray; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, gray , yellow); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, gray, yellow); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, gray, yellow); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, gray , yellow); /* Standard syntax */
}
.background-gradient-2{
    background:#ddd; /* For browsers that do not support gradients */
}
.background-gradient-3 {
    background: gray; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(right, gray ,white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, gray, white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, gray, white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to left, gray , white); /* Standard syntax */
}

.background-gradient-4 {
    background: gray; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(bottom,white, gray ); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(top,white, gray); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(top,white, gray); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to top,white, gray ); /* Standard syntax */
}

.button-style-1{
    background:rgba(100,0,0,1);
    color:white;
}


.button-style-2{
    background:rgba(000,100,0,1);
    color:white;
}
.button-style-3{
    background:rgba(255,255,255,0.7);
    color:black;
}
.button-style-4{
    background:rgb(150,150,150);
    color:white;
}

#screen-2:target {
    /* -webkit-transform: scale(1.25);
 -moz-transform: scale(1.25);
 -o-transform: scale(1.25);
 transform: scale(1.25);
 -webkit-transition: -webkit-transform 0.5s ease;
 -moz-transition: -moz-transform 0.5s ease;
 transition: transform 0.5s ease;*/
    -webkit-transition: opacity 2s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
    -o-transition: opacity 2s ease-in-out;
    transition: opacity 2s ease-in-out;

}
.flex-image img{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.flex-image img:hover{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}