body{
    margin: 0;
}
.s1{
    background: linear-gradient(rgba(4, 9, 30, 0.5),rgba(4, 9, 30, 0.5)),url('/images/background.jpg') bottom/cover fixed no-repeat; 
    position: relative;
    height: 60vh;
    width: 100%;
}
#logo{
    height:3.5rem;
    width:12rem;
    margin-left: 2rem;
    margin-top: 1rem;
}
nav{
    padding:0;
    margin: 0;
    position:relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
nav ul{
    margin: 0;
    padding: 0;
    display: flex;
    list-style-type: none;
    justify-content: space-between;
    margin-right: 1rem;
    margin-left: 1rem;
}

nav ul li{
    padding: 0;
    width:4rem;
    text-align: center;
}
nav ul a{
    text-decoration: none;
    color: whitesmoke;
    font-size:0.8rem;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
.yo ul li::after{
    height:0.2rem;
    width:0;
    content:'';
    background-color:rgb(198, 196, 196);
    margin: auto;
    transition: 0.5s;
    display: block;
}
.yo ul li:hover::after{
    width:60%;
}
.d1{
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    text-align: center;
    color: whitesmoke;
    font-size: 130%;
}
.d1 h1{
    width: 50%;
    margin: auto;
    margin-top:8rem;
}
.s2{
    min-height:40rem ;
}

.d2{
    border-radius: 0.5rem;
    box-shadow: 0.5rem;
    background: linear-gradient(rgba(251, 245, 237, 0.8),rgba(250, 239, 220, 0.8));
    margin: auto;
    margin-top: 10rem;
    width: 88%;
    height: 22rem;
    display: flex;
    justify-content: space-evenly;
}
.d21{
    margin-top: 1rem;
    width: 25rem;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.d211{
    margin: auto;
    text-align: center;
    
}
.a1{
    text-decoration: none;
    color:black;
    font-weight: bolder;  
    
}
.d211 p{
    
    border-style: solid;
    border-width: 2px;
    border-color: rgb(250, 181, 77);
    width: 11rem;
    height: 2rem;
    text-decoration: none;
    font-size: 0.7rem;
    margin: auto;
    margin-top: 0.6rem;
    margin-bottom: 0.6rem;
    text-align: center;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-weight: lighter;
    padding-top: 0.8rem;
}
.d211 p:hover{
    height:2.1rem;
    width: 11.2rem;
    background-color: rgb(255, 181, 69);
    border-color: black;
    font-weight: bolder;
    transition-timing-function: linear;
    transition: 0.3s;
}
.d211 a:hover{
    color: black;
    transition: 0.5s;
}

.d22 img{
    margin: auto;
    margin: 2rem 0 2rem 2rem ;
    height: 80%;
    width: 100%;
}

.d3{
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    margin: auto;
    margin-top: 10rem;
    margin-bottom: 2rem;
    width: 50rem;
    height: 5rem;
    text-align: center;
    font-size: 70%;
}
.d3 h2{
    margin: 0;
    font-size: 1rem;
}
.d3 p{
    width: 80%;
    margin-bottom: 2rem;
    margin: auto;
    margin-top: 1rem;
    color:rgb(129, 129, 129);

}
.d3 ul{
    padding: 0;
    display: flex;
    list-style-type: none;
    justify-content: center;
}
.d3 li{
    height: 1rem;
    width: 1rem;
    margin:0 0.5rem 0 0.5rem;
}
.slogo{
    height:100%;
    width: 100%;
}