@charset "UTF-8";
/* CSS Document */

.container{
    width: 70%;
    margin: auto;
    height: auto;
}

.background{
    background-image: url("Images/POAKY.jpg");
    height: 100vw;
	background-size: cover;
	background-position:top;
	background-attachment: fixed;
    z-index: -1000;
}

.space{
    height: 100px;
}

p{
    width: 55%;
    float: left;
}

img{
    width: 75%;
    border-radius: 10px;
    float: left;
}

.imagespace{
    height: 30px;
    width: 100%;
    float: left;
}

h1{
    font-family: "Hind", sans-serif;
    font-weight: bold;
    font-size: 36pt;
}

h2{
    font-family: "Hind", sans-serif;
    font-weight: bold;
    font-size: 18pt;
    float: left;
    width: 100%;
}

h3{
    font-family: "Hind", sans-serif;
    font-size: 10pt;
    float: left;
    width: 55%;
    font-style: italic;
    font-weight: 100;
    padding-bottom: 25px;
}

video{
    width: 75%;
}
li{
    font-family: "Lato", sans-serif;
    font-size: 10pt;
    float: left;
    width: 100%;
}

p2{
    font-family: "Hind", sans-serif;
    font-weight: bold;
    font-size: 18pt;
    float: left;
    width: 100%;
}

@media only screen and (max-width: 935px) {
    
    .container{
        width: 90%;
    }
    
    p{
        width: 90%;
    }
    
    img{
        width: 100%;
    }
    
    video{
        width: 100%;
    }
    
    h3{
        width: 100%;
    }
}




.footer{
	text-align: center;
    width: 100%;
    margin: auto;
    height: 40px;
}