@import url('https://fonts.googleapis.com/css?family=Tangerine:400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Comfortaa:400,600&display=swap');
*{

    padding:0px;
    margin:0px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
header .logo{
    float: left;
}
header{
    display: inline-block;
    width: 100%;
    background-color: rgb(209, 246, 255);
}
header .q{
    text-align: right;
    margin-top: 20px;
}
header .q h1{

    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size:1.5em;
    color: #a214c5f6;
    text-align: center;
}
header p{
    color:rgb(226, 13, 137);
    font-size: 1.5em;
    letter-spacing: 2px;
    font-style: italic;
    text-align: center;
}
nav{
    background-color: #162f59;
    height:40px;
    text-align: center;
    position: sticky;
    top: 0;
    box-shadow: 1px 2px 4px #333;
    z-index: 9999;
}
nav a{
    color: #fff;
    line-height: 40px;
    font-size: 1.2em;
    margin:15px;
    text-decoration: none;
}
.banner{

            background-color: rgb(225, 253, 222);
            //background-image: url("Images/banner.png");
            //background-repeat: no-repeat;
            //background-size: contain, cover;
            text-align: right;
            
}
.banner h1
{
    text-align: left;
    color:#162f59;
    font-size: 2.5em;
    font-family: Georgia, 'Times New Roman', Times, serif;
    background-color:rgb(197, 248, 233);
    border: 5px solid #162f59;
    border-radius: 30px;
    box-shadow: 10px 15px 10px #999;
    padding: 10px 95px;
}
.banner p{
    text-align: left;
    font-size: 2em;
    margin-left: 80px;
    border: tomato solid #000;
    font-style: oblique;
    color: #162f59;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    background-color: rgb(197, 248, 233);
    margin:10px 150px;
    border: 2px solid #162f59;
    box-shadow: 2px 12px 10px #999;
    border-radius: 15px;
    padding: 10px 20px;
    
}
.banner h3{
    color:rgb(185, 17, 135);
    text-align: right;
    padding: 5px;
    font-size: 2.5em;
    font-family: 'Tangerine', cursive;
    margin-right: 200px;
}
.banner img{
                width:11%;
                margin-top:-15px;
                margin-right: 395px;
}
.banner h2{
    color:#162f59;
    margin:112px 10px;
    font-size: 1em;
    font-family: 'Comfortaa', cursive;
}
.content h1
{
    text-align: left;
    color:#162f59;
    font-size: 2.5em;
    font-family: Georgia, 'Times New Roman', Times, serif;
    background-color:rgb(197, 248, 233);
    border: 5px solid #162f59;
    border-radius: 30px;
    box-shadow: 5px 15px 10px #999;
    padding: 10px 95px;

}
.content{
    margin:0 auto;
    text-align: center;
    width:97%;
    padding: 20px 20px;
}
.content .col{
    display: inline-block;
    width:25%;
    text-align: center;
    box-shadow: 5px 10px 15px #333;
    margin: 10px 50px;
    vertical-align: top;
    height: 430px;
    background-color: rgb(197, 248, 233);
    
    }
.content .col img{
    width:100%;
}
.content .col p{
    color: #1867f0;
    line-height: 20px;
    font-size: 1em;
    margin: 20px;
    font-style: italic;
    

}
.content .col h1{

    line-height: 1.1;
    font-size: 25px;
    color:rgb(224, 13, 80);
    text-align: center;
    margin-top:0px;
}
.contentc h1
{
    text-align: left;
    color:#162f59;
    font-size: 2.5em;
    font-family: Georgia, 'Times New Roman', Times, serif;
    background-color:rgb(197, 248, 233);
    border: 5px solid #162f59;
    border-radius: 30px;
    box-shadow: 10px 15px 10px #999;
    padding: 10px 95px;

}
.contentc{
    margin:0 auto;
    text-align: center;
    width:97%;
    padding: 20px 20px;
}
.contentc .col{
    display: inline-block;
    width:25%;
    text-align: center;
    box-shadow: 5px 10px 15px #333;
    margin: 10px 50px;
    vertical-align: top;
    height: 250px;
    background-color: rgb(197, 248, 233);
    
    }
.contentc .col img{
    width:100%;
}
.contentc .col p{
    color: #1867f0;
    line-height: 20px;
    font-size: 1em;
    margin: 20px;
    font-style: italic;

}
.contentc .col h1{


    line-height: 1.1;
    font-size: 25px;
    color:rgb(224, 13, 80);
}
.quote .quotetext h2{

    border-left: 20px solid #162f59;
    border-right: 20px solid #162f59;
    margin-top: 36px;
    padding: 10px 5px;
    text-align: center;
    background-color: rgb(225, 253, 222);
    text-align: center;
    font-size: 3em;
    font-family: Georgia, 'Times New Roman', Times, serif;

    
}
.quote{

    margin:10px 150px;
    border: 2px solid #162f59;
    box-shadow: 2px 2px 10px #999;
    border-radius: 15px;
    height: 200px;
    
}
.quote h2{
    color: #000;
    text-align: center;
    padding:10px;
}
.quote p{
    color: #000;
    text-align: center;
    

}
footer{
    width: 100%;
    height: auto;
    padding: 10px 0px;
    background-color: #162f59;
    color: #FFF;
    text-align: center;
    margin-top:100px;

}
footer a{
    color: #fff;
    line-height: 40px;
    font-size: 1.3em;
    margin: 20px;
    text-decoration: none;
}
footer h3{
    padding: 5px;
    letter-spacing: 1.9px;
    font-style: italic;
    color:rgb(34, 233, 190);
}
