html, body{
position: relative;
height: 100%;  
background-color:white;
}

nav{
    overflow:hidden /* remove */
    }

body{
    font-family: 'Saira';
    margin:0%;
    padding:0%;
}

.swiper-container {
    width: 100%;
    height: 90%;
    
}
      
.swiper-slide {
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display:inline-block;
    position: relative;
    background-size: cover;
    height:auto;
}



/*------------------Slide1-------------------*/

.Slide_t1 {
    width:100%;
    height:100%;
    background-position: bottom;
    background-size: cover;
}
    
.Slide_t1 h1 {
    color: whitesmoke;
    font-size: 29px;
    margin-left: 4%;
    margin-top: 33%;
    font-family: 'Saira';
    background-color: rgba(0,0,0,.9);
	display: inline-block;
}

.Slide_t1 p {
    text-align: left;
    font-size: 22px;
    margin-left: 4%;
    font-family: 'Saira';
    display:inline-block;
    color:whitesmoke;
    background-color: rgba(0,0,0,.9);
    
    
	
}


/*------------------Slide2-------------------*/
.Slide_t2 {
    width: 100%;
    height: 100%;
    padding: 0% 0% 3% 3%;
    font-size: 20px;  
}

.Slide_t2 img {
    width: 44%;
    margin: 5% 0% 0% 2%;
    float: left;
    
}

.Slide_t2 iframe {
    height: 60%;
    width: 45%;
    margin: 5% 0% 0% 2%;
    float: left;
}

.Slide_t2 p {
    width: 40%;
    float: left;
    padding: 4% 0% 0% 4%;
    font-family: 'Saira';
    font-weight: 100;
}


/*------------------Slide3-------------------*/
.Slide_t3 {
    width: 100%;
    height: 98%;
    background-position: bottom;
    background-size: cover;
}

.Slide_t3 iframe {
    height: 100%;
    width: 100%;
    margin: 0;
    float: left;
}



/*------------------Slide6-------------------*/

.Slide_t4 {
    width: 90%;
    padding: 7% 0% 5% 5%;
}

.Slide_t4 p {
    font-family: 'Saira';
    font-size: 50px;
    }

.Slide_t4 img {
    width: 40%;
    height:auto;
    float: right;
    margin-right:15%;
    filter:grayscale(70%)brightness(110%);
}

.Slide_t4 img:hover{
    filter:grayscale(00%);
    transition: all .3s ease-in-out;
  }
    
    
        }

/*MediaQuery properties*/
@media only screen and (max-width: 800px) {

#topnav {
    font-size: 70%;
    }
    
.Slide_t1,
.Slide_t2,
.Slide_t3,
{
        padding: 0%;
        Width: 90%;
        font-size: 12px;          
}