.bd-placeholder-img {
   font-size: 1.125rem;
   text-anchor: middle;
   -webkit-user-select: none;
   -moz-user-select: none;
   user-select: none;
 }

 @media (min-width: 768px) {
   .bd-placeholder-img-lg {
     font-size: 3.5rem;
   }
 }

 @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;400;500;700&display=swap');


body{
height: 100vh;
background: url(../img/mainpic1.jpg) no-repeat center center;
background-attachment: fixed;
background-size: cover;
background-blend-mode: multiply;

text-align: center;

}
#main-part{
background-color: rgba(66, 65, 65, 0.575);
opacity: 0.8;

}



#btn-cont{
padding: 15px 25px;
border-radius: 5px;
border: 0;
font-size: medium;
cursor: pointer;
background: #ffc107;
color: #704404;
font-weight: 500;
transition: background 600ms ease;
}
#btn-cont i{
margin-left: 5px;
transition: margin 600ms ease;
}
#btn-cont:hover{
background: #ff9800;
}
#btn-cont:hover i {
margin-left: 15px;
color: #fff;
}


#inst{
padding: 15px;
text-decoration: none;
color: rgb(105, 101, 101);
}

#inst:hover i{
-webkit-transform: scale(2.0);
-ms-transform: scale(2.0);
transform: scale(2.0); 
cursor: pointer;
color: #db3884;

}

#facebook{
text-decoration: none;
color: rgb(105, 101, 101);
padding: 15px;
}
#facebook:hover i{
-webkit-transform: scale(2.0);
-ms-transform: scale(2.0);
transform: scale(2.0); 
cursor: pointer;
color: #2c16eb;

}
#youtube{
padding: 15px;
text-decoration: none;
color: rgb(105, 101, 101);
}
#youtube:hover i{
-webkit-transform: scale(2.0);
-ms-transform: scale(2.0);
transform: scale(2.0); 
cursor: pointer;
color: #f00b0b;
}