html{font-family: Arial, Helvetica, sans-serif;max-width: 100%;}
* {box-sizing: border-box;}

body {margin: 0; padding: 0; background-color: #8CE4FF;}

img.header { 
    width : 100%; display: block;}

* {
    box-sizing: border-box;
}

.topnav {
    background: #8CE4FF;
    width: 100%;
    overflow: visible;
    padding: 0;
}


.topnav a,
.dropbtn {
    float: left;
    padding: 14px 20px;
    background: #8CE4FF;
    color: #5f9ea0;
    font-size: 17px;
    border: none;
    cursor: pointer;
    text-decoration: none;
}

.topnav a:hover,
.dropdown:hover .dropbtn {
    background: #FEEE91;
    color: #FF5656;
}

.dropdown {
    float: left;
    position: relative;
}

.dropdown-content {
    display: none;
    position: absolute;
    background: #8CE4FF;
    min-width: 220px;
}

.dropdown-content a {
    display: block;
    padding: 12px 16px;
    background: #8CE4FF;
    color: #5f9ea0;
}

.dropdown-content a:hover {
    background: #FEEE91;
    color: #FF5656;
}

.dropdown:hover .dropdown-content {
    display: block;
}

div.collumn{float: left;
width: 33.33%;
padding: 15px;}

p{text-align: justify;color: #FEEE91;background-color: #FF5656; padding: 10px;border-radius: 10px;}
h1{text-align: center; color: #5f9ea0;}
.p1{color: #fff7ca;background-color: #fa7b7b; text-align: justify;}

.drop{text-align: center;
    padding: 14px 20px;
    background: #FF5656; 
    width: 390px;
    color: #FEEE91;
    font-size: 17px;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    text-decoration: underline;}
    
img.kolab{transform: scale(0.7);}
.background{background-color: #e8faff;}
    
.dropd {
    float: left;
}

.SDG9 {
    display: none;
    position: absolute;
    min-width: 400px;
}

.SDG9 a {
    display: block;
    position: fixed;
    left: 0;
    color: #5f9ea0;
}


.dropd:hover .SDG9 {
    display: block;
}