body{
    background-color: #ffc000 !important
 }
 .main_comp
 {
     width: 40%; 
     margin: 30vh auto; 
 }
 .foot_comp
 {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: #003366;
    font-size: 0.8em;
 }
 .main_logo
 {
     width: 100%;
 }

 .main_nav_comp
 {
     border-left: 5px #93ffac solid;
     padding-left: 30px;
 }

 ul.main_nav
 {
     list-style-type: none;
     margin: 0 0 0 -40px;
 }

 ul.main_nav li
 {
     font-size: 30px;
 }
 ul.main_nav li a
 {
     color: #fff;
 }
ul.main_nav li a:hover{
     text-decoration: none;
     color: #93ffac;
 }
 p.contacts_details a
 {
    font-weight: bold;
 }
 p.contacts_details a:hover{
    text-decoration: none;
 }
 p.contacts_details a
 {
    color: #003366;
 }
 .blob
 {
     width: 100vh;
     height: 100vh;
     border-radius: 60vh; 
     position: fixed;
     bottom: -40vh;
     left: 110vh;
     z-index: -1;
     background-color: #fff;
 }
 @media only screen and (max-width: 1024px) {
 
}

 @media only screen and (max-width: 768px) {
  
  }
 
@media only screen and (max-width: 400px) {
   
  }