@import url('https://fonts.googleapis.com/css?family=Montserrat:500');
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
 

header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 35px 0%;
    background-color: #24252a;   
    height: 60px;
    width: 100%;
}
 
.logo {
    cursor: pointer;
}
 
.nav__links a,
.cta,
.overlay__content a {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    color: #edf0f1;
    text-decoration: none;
}

.pagetitle {
	font-family: "Montserrat", sans-serif;
	color: black;
	font-size: 60px;
	margin-top: 7%;
	margin-bottom: 10%;
	text-align: center;
}

.TITLE{
     align-items: right;
     color: white;
     backround:#24252a;
     text-align: right;
     padding: 14px 16px;
     text-decoration: none;
     font-size: 30px;
     vertical-align:text-top;
     margin-top: -30px;
     margin-left: 1100px;
     margin-bottom: 25px;
     float: right;
     }
.nav__links {
    list-style: none;
    display: flex;
    vertical-align:center;
    padding: 0% 0%;
    margin-top: 5%;
    margin-left: 0%;
    margin-bottom: 2%;
    margin-right: 0%;
}
 
.nav__links li {
    padding: 0px 20px;
    vertical-align:center;
}
 
.nav__links li a {
    transition: all 0.3s ease 0s;
}
 
.nav__links li a:hover {
    color: #0088a9;
}
.cta {
    padding: 9px 25px;
    background-color: rgba(0, 136, 169, 1);
    border: none;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s ease 0s;
}
 
.cta:hover {
    background-color: rgba(0, 136, 169, 0.8);
}
 
 
/* Mobile Nav */
 
.menu {
    display: none;
}
 
.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    background-color: #24252a;
    overflow-x: hidden;
    transition: all 0.5s ease 0s;
}
 
.overlay__content {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
 
.overlay a {
    padding: 15px;
    font-size: 36px;
    display: block;
    transition: all 0.3s ease 0s;
}
 
.overlay a:hover,
.overlay a:focus {
    color: #0088a9;
}
 
.overlay .close {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
    color: #edf0f1;
}
 
@media screen and (max-height: 450px) {
    .overlay a {
        font-size: 20px;
    }
    .overlay .close {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }
}
 
@media only screen and (max-width: 800px) {
    .nav__links,
    .cta {
        display: none;
    }
    .menu {
        display: initial;
    }
}

	/*Albert*/
	
	.nav__links li:hover .sub-menu{
     display: block;
     }

     
     .text {
     text-align: justify;
     font-family: "Montserrat", sans-serif;
     color: black;
     margin-top: 50px;
     margin-left: 70px;
     margin-right: 70px;
     margin-bottom: 50px;
     }
     .centertext {
     text-align: center;
     font-family: "Montserrat", sans-serif;
     color: black;
     }
     .head{
     background: white;
     color: RGB(225,66,0);
     padding: 10px 70px;
     font-family: sans-serif;
     font-size: 30px;
     border-top:0px solid #37f;	
     }
     
     
     .nav{
     padding: 10px 0px;
     background: RGB(0,191,255);;
     text-align: center;
     }
     
     .main-menu>li{
     display: inline-block;
     width: 49%;
     padding: 10px 0px;
     margin-left: 0px;
     text-align: center;
     color: white;
     font-size: 20px;
     border-left: 5px solid white;
     border-right: 5px solid white;
     border-top: 5px solid white;
     border-bottom: 5px solid white;
     transition: .4s;
     cursor: pointer;
     box-sizing: border-box;
     
     }
     
     .sub-menu{
     display: none;
     position: absolute;
     padding: 0px;
     margin-top: 16px;
     margin-left: -60px;
     margin-bottom: 10px;
     margin-right: 0px;
     float: left;
     width: 175px; 
     text-align: center;
     box-sizing: border-box;
     border: 0px solid white;
     box-shadow: 5px 5px 5px grey;
     vertical-align:center;
     
     }
     
     .sub-menu:before{
     content:"";
     width: 0px;
     height:0px;
     border-left:0px solid transparent;
     border-right:0px solid transparent;
     border-bottom:0px solid white;
     position: absolute;
     margin:-30px 0px 0px -22px;
     }
     
     .sub-menu li{
     list-style-type: none;
     padding: 10px;
     color: white;
     font-size: 9px 25px;
     background: #24252a;
     }
     .sub-menu li a:hover {
     color: #0088a9;
     }
     .main-menu>li:hover, .sub-menu>li:hover{
     background: #24252a;
     }
     .imgalign {
     display: block;
     margin-left: auto;
     margin-right: auto;
     width: 90%;
     }
     
     .imgalign2 {
     display: block;
     margin-left: auto;
     margin-right: auto;
     width: 50%;
     }
     
     .content {
     background: white;
     font-size: 9px 25px;
     }
     
     .title {
     display: block;
     padding: 30px 20px;
     color: #222;
     font-size: .9em;
     letter-spacing: 1px;
     text-decoration: none;
     text-transform: uppercase;
     float: left;
     }
     
     .title:hover {
     background: rgba(0, 0, 0, 0);
     }
     /*floating navbar test*/
     #navbar a,
     .cta,
     .overlay__content a {
     font-family: "Montserrat", sans-serif;
     font-weight: 500;
     color: #edf0f1;
     text-decoration: none;
     }
     
     #navbar {
     overflow: hidden;
     background-color: #24252a;
     }
     
     #navbar a {
     float: left;
     display: block;
     color: #f2f2f2;
     text-align: center;
     padding: 14px 16px;
     text-decoration: none;
     font-size: 17px;
     }
     
     #navbar a:hover {
     background-color: #24252a;
     color: #0088a9;
     }
     
     #navbar a.active {
     background-color: #4CAF50;
     color: white;
     }
     
     .content {
     padding: 16px;
     }
     
     .sticky {
     position: fixed;
     top: 0;
     width: 100%;
     }
     
     .sticky + .content {
     padding-top: 100%;
     }
     
     .btnList{width:170px}
     .btnList{width:100%;box-shadow:0 5px 5px 5px #333;float:right}
     .drop{display:none}
     
     
     .center {
     align-items: center;
     margin-left: 17%;
     }