*

{

    padding: 0;

    margin: 0;

    font-family: "bahnschrift";

    transition: 0.5s;

}

.topgrid

{

    display: grid;

    grid-template-columns: 30% 70%;

    width: 80%;

    margin-left: 10%;

}

.topele

{

    height: auto;

}

.topele img

{

    height: 80px;

    margin-top: 10px;

}

.abc

{

    height: 120px;

    background-image: linear-gradient(220deg, #ff9100 0%, #9f008f 90%);

}

.topele h1

{

    

    float: right;

    line-height: 100px;

    color: white;

    font-family: "bahnschrift";



}

.image

{

    width: 80%;

    margin-left: 10%;

    height: auto;

    margin-top: 3%;

  

    

}

.image img

{

    width: 100%;

    border-top-left-radius: 50px;

    border-top-right-radius: 50px;

}

.strip

{

    height: 40px;

    background-color: #f5f5f5;

    width: 80%;

    margin-left: 10%;

    margin-top: -20px;

    filter: drop-shadow(0 0 0.75rem #999);

}

.strip h1

{

    font-size: 20px;

    line-height: 40px;

    font-weight: normal;

}

.image h1

{

    font-size: 50px;

    margin-top: -50px;

}

.show

{

    height: auto;

    background-color: #f2f2f2;

    margin-top: -125px;

    z-index: 100;

}

.btn

{



    height: 50px;

    width: 15%;

    background-color: white;

    margin-top:60px;

    margin-left: 42.5%;

    background-image: linear-gradient(220deg, #ff9100 0%, #9f008f 90%);

    border-radius: 10px;

}

.btn:hover

{

    background-image: linear-gradient(220deg, #ff9100 0%, #9f008f 90%);

    filter: drop-shadow(0 0 0.75rem #999);

}

.btn h1

{

    line-height: 50px;

    font-size: 25px;

    color: white;

    text-align: center;

}

.details

{

    height: 200px;

    background-color: white;

    width: 70%;

    margin-left: 15%;

    filter: drop-shadow(0 0 0.75rem #999);

    border-radius: 20px;

}

.highlightgrid

{

    display: grid;

    grid-template-columns: 25% 25% 25% 25%;

    width: 90%;

    margin-left: 5%;



}

.hlg1

{

    height: 200px;

   

    text-align: center;

}

.hlg1 img

{

    height: 100px;

    margin-top: 20px;

}

.hlg1 h1

{

    font-size: 20px;

    margin-top: 10px;

    font-weight: normal;

}

.abouthd h1

{

    

    margin-top: 120px;

    font-weight: bolder;

    color: #9f008f;

    text-align: center;

}

.colors

{

    display: grid;

    grid-template-columns: 33% 33% 33%;

    width: 10%;

    margin-left: 45%;

    margin-top: 10px;

}

.co1

{

    background-color: purple;

    height: 5px;

}

.co2

{

    background-color: darkorange;

    height: 5px;

}

.co3

{

    background-color: green;

    height: 5px;

}

.abouthd p

{

    margin-left: 15%;

    margin-top: 18px;

    width: 70%;

    text-align: center;

    font-size: 18px;

    font-weight: normal;

    padding-bottom: 130px;

}

.team

{

    height: auto;

    background-color: #590d9b;

}

.team h1

{

    

    padding-top: 60px;

    font-weight: bolder;

    color: white;

    text-align: center;

}

.team p

{

    margin-left: 15%;

    margin-top: 40px;

    width: 70%;

    text-align: center;

    font-size: 18px;

    font-weight: normal;

    padding-bottom: 100px;

    color: white;

    padding-bottom: 120px;

}

.gallery

{

    display: grid;

    grid-template-columns: 49% 49%;

    grid-column-gap: 15px;

    grid-row-gap: 15px;

    width: 70%;

    margin-left: 15%;

    padding-bottom: 50px;

}

.shot

{

    height: auto;

}

.shot img

{

    width: 100%;

}

.inst

{

    width: 70%;

    margin-left: 15%;

    margin-top: 20px;

}

.inst h1

{

    font-size: 15px;

    font-weight: normal;

    text-align: center;

}

@media screen and (max-width: 900px) and (min-width: 320px)

{

    .topgrid

{

    display: grid;

    grid-template-columns: 100%;

    width: 80%;

    margin-left: 10%;

}

.abc

{

    height: auto;

    background-image: linear-gradient(220deg, #ff9100 0%, #9f008f 90%);

}

.topele h1

{

    

    float:none;

    line-height: 35px;

    color: white;

    font-family: "bahnschrift";

    font-size: 20px;

    margin-top: 30px;

    padding-bottom: 40px;

}

.topele img

{

    height: 80px;

    margin-top: 50px;

    text-align: center;

}

.topele

{

    height: auto;

    text-align: center;

}

.strip

{

    height: 40px;

    background-color: #f5f5f5;

    width: 90%;

    margin-left: 5%;

    margin-top: -20px;

    filter: drop-shadow(0 0 0.75rem #999);

}

.image

{

    width: 90%;

    margin-left: 5%;

    height: auto;

    margin-top: 6%;

  

    

}

.image img

{

    width: 100%;

    border-top-left-radius: 20px;

    border-top-right-radius: 20px;

}

.highlightgrid

{

    display: grid;

    grid-template-columns: 50% 50%;

    width: 90%;

    margin-left: 5%;

    height: auto;

}

.details {

    height: auto;

    background-color: white;

    width: 80%;

    margin-left: 10%;

    filter: drop-shadow(0 0 0.75rem #999);

    border-radius: 20px;

}

.show {

    height: auto;

    background-color: #f2f2f2;

    margin-top: -10px;

    z-index: 100;

}

.cont

{

    padding-top: 50px;

}

.abouthd h1

{

    width: 80%;

    margin-left: 10%;

    margin-top: 80px;

}

.abouthd p

{

    width: 80%;

    margin-left: 10%;

    text-align: justify;

}

.team h1 {

    padding-top: 60px;

    font-weight: bolder;

    color: white;

    text-align: center;

    width: 90%;

    margin-left: 5%;

}

.team p

{

    text-align: justify;

    width: 80%;

    margin-left: 10%;

    padding-bottom: 40px;

}

.btn

{



    height: 50px;

    width: 50%;

    background-color: white;

    margin-top:50px;

    margin-left: 25%;

    background-image: linear-gradient(220deg, #9f008f 0%, #9f008f 90%);

    border-radius: 10px;

}

.hlg1 h1 {

    font-size: 16px;

    margin-top: 10px;

    font-weight: normal;

}

.gallery

{

    display: grid;

    grid-template-columns: 100%;

    grid-column-gap: 15px;

    grid-row-gap: 15px;

    width: 80%;

    margin-left: 10%;

}

.colors

{

    display: grid;

    grid-template-columns: 33% 33% 33%;

    width: 40%;

    margin-left: 30%;

    margin-top: 10px;

}

.inst

{

    width: 80%;

    margin-left: 10%;

    margin-top: 20px;

}

}