.sponsor_images {
    width: 70%;
    height: 100vh;
    margin-left: 15%;
    margin-right: 15%;
    margin-top: 5%;
    margin-bottom: 20%;
}

.sponsor_description {
    width: 100%;
    margin-top: 40%;
}

.sponsor_description table {
    background-color: #d5f3fe;
}

.sponsors_page {
    font-family: 'futura', sans-serif;
    margin-top: 5%;
    margin-bottom: 15%;
}

.what_we_built {
    width: 100%; 
    margin-bottom: 35%;
}

#sponsored_logo {
    display: none;
}

#sp_pg_logo {
    display: block;
    opacity: 0;

    width: 10%;
    margin-left: 40%;
    margin-top: 20%;
    padding-bottom: 1%;
}

#sp_pg_logo_text {
    display: none;
}

#spo_desc {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: none;
}

#up_sponsor {
    margin-top: 10%;
    margin-bottom: 1%;
    margin-left: 10%;
    width: 5%;
    rotate: 90deg;
}
#down_sponsor {
    margin-top: 1%;
    margin-left: 10%;
    width: 5%;
    rotate: -90deg;
}

#up_sponsor:hover {
    filter: drop-shadow(0px 0px 10px grey);
    transition: 0.5s;
}
#down_sponsor:hover {
    filter: drop-shadow(0px 0px 10px grey);
    transition: 0.5s;
}

#sponsor_details_1{
    width: 60%;
    background-color: #d5f3fe;
/* position: absolute; */
    top: 75%;
    margin-left: 30%;
    border-radius: 20px;
    border-style: solid;
    border-color: black;
    border-width: 3px;
}

#sponsor_details_2{
    width: 60%;
    background-color: #d5f3fe;
 
    top: 22%;
    margin-left: 30%;
    border-radius: 20px;
    border-style: solid;
    border-color: black;
    border-width: 3px;

     
}

#sponsor_details_3{
    width: 60%;
    background-color: #d5f3fe;
 
    top: 23%;
    margin-left: 30%;
    border-radius: 20px;
    border-style: solid;
    border-color: black;
    border-width: 3px;
     
     
}
#sponsor_details_4{
    width: 60%;
    background-color: #d5f3fe;
 
    top: 13%;
    margin-left: 30%;
    border-radius: 20px;
    border-style: solid;
    border-color: black;
    border-width: 3px;
     
     
}
#sponsor_details_5{
    width: 60%;
    background-color: #d5f3fe;
 
    top: 25%;
    margin-left: 30%;
    border-radius: 20px;
    border-style: solid;
    border-color: black;
    border-width: 3px;
     
     
}
#sponsor_details_6{
    width: 60%;
    background-color: #d5f3fe;
 
    top: 16%;
    margin-left: 30%;
    border-radius: 20px;
    border-style: solid;
    border-color: black;
    border-width: 3px;
     
     
}
#sponsor_details_7{
    width: 60%;
    background-color: #d5f3fe;
 
    top: 20%;
    margin-left: 30%;
    border-radius: 20px;
    border-style: solid;
    border-color: black;
    border-width: 3px;
     
     
}
#sponsor_details_8{
    width: 60%;
    background-color: #d5f3fe;
 
    top: 20%;
    margin-left: 30%;
    border-radius: 20px;
    border-style: solid;
    border-color: black;
    border-width: 3px;
     
     
}
#sponsor_details_9{
    width: 60%;
    background-color: #d5f3fe;
 
    top: 25%;
    margin-left: 30%;
    border-radius: 20px;
    border-style: solid;
    border-color: black;
    border-width: 3px;
     
     
}
#sponsor_details_10{
    width: 60%;
    background-color: #d5f3fe;
 
    top: 25%;
    margin-left: 30%;
    border-radius: 20px;
    border-style: solid;
    border-color: black;
    border-width: 3px;
     
     
}
#sponsor_details_11{
    width: 60%;
    background-color: #d5f3fe;
 
    top: 22%;
    margin-left: 30%;
    border-radius: 20px;
    border-style: solid;
    border-color: black;
    border-width: 3px;
     
     
}
#sponsor_details_12{
    width: 60%;
    background-color: #d5f3fe;
 
    top: 20%;
    margin-left: 30%;
    border-radius: 20px;
    border-style: solid;
    border-color: black;
    border-width: 3px;
     
     
}
#sponsor_details_13{
    width: 60%;
    background-color: #d5f3fe;
 
    top: 26%;
    margin-left: 30%;
    border-radius: 20px;
    border-style: solid;
    border-color: black;
    border-width: 3px;
     
     
}
#sponsor_details_14{
    width: 60%;
    background-color: #d5f3fe;
 
    top: 20%;
    margin-left: 30%;
    border-radius: 20px;
    border-style: solid;
    border-color: black;
    border-width: 3px;
     
     
}
#sponsor_details_15{
    width: 60%;
    background-color: #d5f3fe;
 
    top: 15%;
    margin-left: 30%;
    border-radius: 20px;
    border-style: solid;
    border-color: black;
    border-width: 3px;
     
     
}
#sponsor_details_16{
    width: 60%;
    background-color: #d5f3fe;
 
    top: 25%;
    margin-left: 30%;
    border-radius: 20px;
    border-style: solid;
    border-color: black;
    border-width: 3px;
     
     
}
#sponsor_details_17{
    width: 60%;
    background-color: #d5f3fe;
 
    top: 25%;
    margin-left: 30%;
    border-radius: 20px;
    border-style: solid;
    border-color: black;
    border-width: 3px;
     
     
}
#sponsor_details_18{
    width: 60%;
    background-color: #d5f3fe;
 
    top: 21%;
    margin-left: 30%;
    border-radius: 20px;
    border-style: solid;
    border-color: black;
    border-width: 3px;
     
     
}
#sponsor_details_19{
    width: 60%;
    background-color: #d5f3fe;
 
    top: 25%;
    margin-left: 30%;
    border-radius: 20px;
    border-style: solid;
    border-color: black;
    border-width: 3px;
     
     
}
#sponsor_details_20{
    width: 60%;
    background-color: #d5f3fe;
 
    top: 20%;
    margin-left: 30%;
    border-radius: 20px;
    border-style: solid;
    border-color: black;
    border-width: 3px;
     
     
}
#sponsor_details_21{
    width: 60%;
    background-color: #d5f3fe;
 
    top: 25%;
    margin-left: 30%;
    border-radius: 20px;
    border-style: solid;
    border-color: black;
    border-width: 3px;
     
     
}
#sponsor_details_22{
    width: 60%;
    background-color: #d5f3fe;
 
    top: 26%;
    margin-left: 30%;
    border-radius: 20px;
    border-style: solid;
    border-color: black;
    border-width: 3px;
     
     
}