/*
#id1 {color:green;font-style:oblique;}
#id2 {color:red;}
#id3 {color:blue;}
.c1 {background-color:yellow; margin:20px; width:500px; text-align:center; padding:20px;}
#ajump {font-style:italic;}
body {background-color:#ADDAFF;}
span {background-color:#FFF2ED;}
h1 {text-align:center;}
.div-wrapper {border:1px solid black; margin-left:auto; margin-right:auto; width:70%;margin-bottom: 25px;}
*/


/* global */

/* .bg {background-image:url('/image/ocean.jpg'); height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; position:fixed; z-index:-1;} */
/* background-repeat:no-repeat; position:fixed; width:100%; height:100%; left:0px; top:0px; z-index:-1; opacity:0.9; */

body, html {height:100%; margin:0;}
.bg {background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: -1;
    opacity: 0.9;
	background-image:url('/image/ocean.jpg');}

#links {line-height:300%; text-align:right; margin-right:20px;}
.navbar {display:none; position:sticky; text-decoration:none; color:white; text-align:right; padding:10px; background-color:#63B2FF;}
.navbar:hover {background-color:#3582b9;}
#contacts {text-align:right; margin-top:10px;}



/* index */

.home-text {text-shadow:3px 3px #9CC3D5; color:white;}
.home-text-wrapper {text-align:center; margin-top:200px; font-family:Sans-serif; font-size:10vw; font-weight:500;}

/* classes */

.classes-text-wrapper {position:relative; margin:300px 20px 0; font-family:Sans-serif; font-size:10vw; font-weight:500;}
/* .classes-text {text-shadow:3px 3px #9CC3D5; color:#63B2FF;} */
.classes-text {color:white; font-size:30px; text-align:left; line-height:1.6; background-color:rgba(0,0,0,.2); padding:20px 20px 20px 30px; text-indent:-20px;}
.classes-text a {color:white; text-decoration:none;}
.classes-text a:hover {color:#04295E;}
/*.classes-text iframe, .classes-text div {display:none;}*/
/*#public-class-map-wrapper, #private-class-fb-logo-wrapper {display:none; margin-left:50px;}*/
.class-map-wrapper {display:none; margin-left:50px;}

/* photo gallery  */

.photo-wrapper{margin:140px 20px 20px 20px;}
 
/* about-wrapper */

.about-wrapper{color:white; margin:140px 30px 30px; background-color:rgba(.1,.5,0,.1); font-family:Sans-serif; padding:50px;}
.about-wrapper div {line-height:150%; margin-top:20px; }


.temp3:hover {color:white; background-color:#9CC3D5FF;}
.temp4 {color:#0063B2FF;font-size:90px;padding-bottom:50px;padding-top:50px;text-align:center;}

.insider {margin:10px 10px 10px 10px; border:1px solid red;}

.logo{float:left; height:auto; margin:6px; z-index:-1;}