.all{
	min-height: 100vh; 
	background-image: linear-gradient(rgba(31, 79, 136, 0.34), rgba(72, 70, 0, 0.34)), url("../images/cover1.jpeg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.pull-right{
	float: right;
}
.wt{
	color: #fff;
}
.text-center{
	text-align: center;
}
.header-wrapper{
	background: rgba(255, 255, 255, 0.3);
}
.header-logo img{
	position: relative;
	height: 100px;
	margin: 6px 0px 6px 0px;
}
.header-text{
	font-weight: bold;
	font-size: 26px;
	padding: 24px 0px 0px 0px;
	color: #114684;
	font-family: 'Bree Serif';
}
.hd-icn{
	font-size: 24px;
	margin: 0px 5px 0px 15px;
}


.middle2 iframe{
	height: 370px;
	width: 100%;
	border-radius: 10px;
	box-shadow: 0 17px 50px 0 rgba(0,0,0,.65), 0 12px 15px 0 rgba(0,0,0,0.65);
}
.middle{
	margin-top: 50px;
}
.middle1 h3{
	font-weight: bold;
	font-size: 17px;
	margin-top: 36px;
	font-family: 'Catamaran';
}
.middle1 p{
	font-size: 25px;
	font-family: 'Bree Serif';
}
.ext2{
	margin-left: 43px;
}
.middle1 a{
	margin-left: 2px;
	font-size: 25px;
	text-decoration: underline;
	color: #fff;
	font-family: 'Bree Serif';
}
.middle1 a:hover{
	transition: 1s;
	margin-left: 2px;
	text-decoration: underline;
	letter-spacing: 1.5px;
	color: #fff;
}

.bottom{
	margin-top: 10vh;
	padding-bottom: 30px;
}
.bottom .button{
	width: 70%;
	background: #114684;
	padding: 10px;
	border-radius: 10px;
	font-weight: bold;
	border: 2px solid #fff;
	cursor: pointer;
	}
.bottom .button:hover{
	transition: 1s;
	background: #09284c;
}
.bottom .button a{
	color: #fff;
	font-size: 24px;
	font-family: 'Bree Serif';
}
.bottom .button a:hover{
	text-decoration: none;
}


@viewport{
zoom: 1.0;
width: extend-to-zoom;
}
@-ms-viewport{
width: extend-to-zoom;
zoom: 1.0;
}


@media screen and (max-width: 1200px) {
	.header-text{
	    font-size: 24px;
    }
    .middle1 h3{
	    font-size: 17.5px;   
    }
    .middle1 p{
	    font-size: 21.5px;
    }
    .middle1 a{
	   font-size: 21.5px;
    }
    .middle1 a:hover{
       letter-spacing: 1.8px;
    }
}

@media screen and (max-width: 993px) {
	.header-logo img{
	    height: 92px;
	    margin: 6px 0px 6px 0px;
    }
	.header-text{
	    font-size: 20px;
	    padding: 16px;
    }

    .middle2 iframe{
	    height: 390px;
	    width: 100%;
	    border-radius: 10px;
    }
    .middle1 h3{
	    font-size: 17px;
	    margin-top: 20px;
    }
    .ext1{
	    margin-left: 43px;
    }
    .middle1 p{
	    font-size: 28px;
    }
    .middle1 a{
	   font-size: 19px;
    }
    .middle1 a:hover{
	letter-spacing: .7px;
    }

    .bottom{
	   margin-top: 10vh;
    }
    .bottom .button{
	  width: 80%;
	  padding: 9px;
    }
}

@media screen and (max-width: 767px) {
	.header-logo img{
	    height: 50px;
	    margin: 8px 0px 8px 0px;
        }
	.header-text{
	    font-size: 25px !important;
	    padding: 0px !important;
    }
    .middle{
    	margin-top: 15px;
    	text-align: center;
    }
    .middle2 iframe{
	    height: 320px;
	    width: 100%;
	    border-radius: 10px;
    }
    .middle1{
    	margin-bottom: 35px !important;
    }
    .middle1 h3{
	    font-size: 18px !important;
	    margin-top: 18px !important;
    }
    .middle1 p{
	    font-size: 38px !important;
    }
    .middle1 a{
	   font-size: 30px !important;
    }
    .middle1 a:hover{
	font-size: 19px;
    }
    .middle1{
    	margin-bottom: 18px;
    }

    .bottom{
	   margin-top: 6vh !important;
    }
    .bottom .button{
	  width: 90%;
	  padding: 9px;
	  margin-bottom: 20px !important;
    }
    .ext1{
	    margin-left: 0px !important;
    }
    .ext2{
	    margin-left: 0px !important;
    }
}

@media screen and (max-width: 485px) {
	.all{
		width: 120vw !important;
	}
	.header-text{
	    font-size: 14px;
	    padding: 0px;
    }
    	.header-text{
	    font-size: 25px !important;
	    padding: 0px !important;
    }
    .middle{
    	margin-top: 20px ;
    	text-align: center;
    }
    .middle2 iframe{
	    height: 320px;
	    width: 100%;
	    border-radius: 10px;
    }
    .middle1{
    	margin-bottom: 35px !important;
    }
    .middle1 h3{
	    font-size: 18px !important;
	    margin-top: 18px !important;
    }
    .middle1 p{
	    font-size: 27px !important;
    }
    .middle1 a{
	   font-size: 26px !important;
    }
    .middle1 a:hover{
	letter-spacing: .5px !important;
    }
    .middle1{
    	margin-bottom: 18px;
    }

}
@media screen and (max-width: 325px) {
	.middle1 a{
	   font-size: 19px !important;
    }
    .middle1 a:hover{
	letter-spacing: .3px !important;
    }
}
@media screen and (max-width: 768px) {
	.header-logo img{
	    height: 92px;
	    margin: 6px 0px 6px 0px;
    }
	.header-text{
	    font-size: 20px;
	    padding: 16px;
    }

    .middle2 iframe{
	    height: 390px;
	    width: 100%;
	    border-radius: 10px;
    }
    .middle1 h3{
	    font-size: 17px;
	    margin-top: 20px;
    }
    .ext1{
	    margin-left: 43px;
    }
    .middle1 p{
	    font-size: 28px;
    }
    .middle1 a{
	   font-size: 19px;
    }
    .middle1 a:hover{
	letter-spacing: .7px;
    }

    .bottom{
	   margin-top: 10vh;
    }
    .bottom .button{
	  width: 80%;
	  padding: 9px;
    }
}