#header {







   

   opacity: 0.3;

    



    height: 100%;



    width: 100%;



    left: 0px;



    margin-left: 25%;

    top: 0px;



    z-index: -1;



    text-align: center;



}







#nav {



    position: absolute;



  

    border-radius: 10px;



}







#head {



    text-align: center;



}







#logo {



    width: 150px;



    height: 150px;



    border: 3px solid orange;



    border-radius: 20%;



}







.navlink {



    color: white;



    text-align: center;



    



}



 .navbar-nav a{



    color: white;



    background-color: #fd7e14;



    text-align: center;



 }







 #navnav {



    text-align: center;



 }



 .nav-link {



   width: 150px;

   height: 50px;

   margin: 10px;

   border-radius: 10px;

 }



 .nav-link:hover {

   background-color: white;

   color: #fd7e14;

 }





 #img-art1 {



    width: 100%;



    height: 100%;



    margin: 0%;



    padding: 0%;



    border-radius: 30px;



 }



 



 #art1 {



   



    margin-left: 0%;



    border-radius: 20px;



    text-align: center;



    color: #fd7e14;



 }



 video {

   margin-left: 0%;



    border-radius: 20px;



    text-align: center;



    color: #fd7e14;

 }



 



 #art-text1 {



    background-color: white ;



    border-radius: 30px;



 }







 #contact {



    color: white;



    background-color: #fd7e14;



    border-radius: 10px;



    text-decoration: none;



 }







 @media only screen and (max-width: 100   0px){



   #nav {



      position: inherit;



      left: 0;



      transform: translatex(0%);



      border: #fd7e14 solid 3px;



      border-radius: 10px;



  }



 }







   .col-md-4 {



      background-color: white;



   }







   .card-body h3 {



      color: #fd7e14;



      background-color: white;

      



   }







   .card-body {



      border: #fd7e14 solid 3px;



      border-radius: 10px;



   }