body {
height: 100%;
background: linear-gradient(to bottom right, #efefef, #d5d7d8);
background-size: 100% 100%;
font-family: 'Comfortaa', cursive;
font-size: 12pt;
/*color: #000;*/
text-align: justify;
}

.video-bg {
    margin: 0 0;
    height: 100vh;
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.video-bg video {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100vh;
    object-fit: cover;
}
.effects {
    position: absolute;
    object-fit: cover;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,0.6);
}
.video-bg-content {
    z-index: 2;
    color: #ffffff;
    font-size: 50px;
}
.main {
    max-width: 1600px;
    margin: 0 auto;
    margin-top: 50px;
    padding: 0 20px;
}

a {text-decoration: none; color: #000;}

#main {margin:0 auto; min-width:500px; padding-top:50px;}
.p1 {font-size:180%; font-weight:bold;}
.p2 {font-size:100%; line-height: 16pt;}
.p3 {font-size:120%; line-height: 16pt;}
.p4 {font-size:80%;}
.p5 {font-size:67%;}
.p6 {font-size:1pt; line-height:1pt; color:#efefef; text-shadow:none;}

/* div #ci {height:300px; width:300px; box-shadow: 0 0 5px 4px rgba(0,0,0,0.5); border-radius: 160px;} */

div #ci {height:600px; width:600px; box-shadow: 0 0 5px 4px rgba(0,0,0,0.5); border-radius: 300px;}

div #logo {
	position: relative;
	top:-30px;
	left:-30px;
	background: url(logo5.png);
	height:50px;
	width:281px;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	border-radius: 12px;
	}

hr {width:98%; min-width:400px;}