body, html 
{
    margin:0; 
    height:100%; 
    font-family: Verdana, Geneva, Tahoma, sans-serif; 
}

* 
{
    box-sizing: border-box; 
}

.parallax 
{
    background-image: url('pic1.jpg'); 
    height: 100%; 
    background-position: center; 
    background-repeat: no-repeat; 
    background-size: cover; 
    background-attachment: fixed; 
}


.header img 
{
    width:350px; 
}

.header 
{
    padding:20px; 
    
}

.footer 
    {
        width: 100%; 
        float:left; 
        text-align: right; 
        padding:20px; 
        background-color: blue; 
    }

.footer p 
{
  text-align: right; 
  font-size:30px; 
  color:white; 
}

.menu
{
   background-color: rgba(255, 255, 255, 0.4); 
   margin-bottom:100px; 
}


.menu ul  
{
    text-align: center; 
    width: 100%; 
    list-style:none;  
    padding: 20px 0; 
}


 .menu  li { 
    display:inline; 
    padding:20px; 
 }

 .menu a 
 {
    font-size:20px; 
    text-decoration: none; 
    color:blue; 
 }

 a:hover 
 {
     color:red; 
     transition: 2s; 
 }

 .menu .active 
 {
    text-decoration:underline;
 }

 .main 
 {
    padding:40px; 
    width: 100%; 
    float:left; 
 }

.left 
{
    float:left; 
    width:70%; 
    padding:30px; 
    text-align: center;
}

.right 
{
    float:right; 
    width:30%; 
    padding:30px; 
    background-color: rgba(255, 255, 255, 0.5); 
    box-shadow: 0px 4px 4px black; 
}

.right h3 
{
    text-align: center; 
    color:black; 
}

form input 
{
  width:100%; 
  padding:20px; 
}

form 
{ 
    padding:10px; 
}

textarea 
{
    width: 100%;
    height: 70px;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: #f8f8f8;
    resize: none;
  }

input[type=submit] 
{
    background-color: blue;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    width:20%;
}
  

.aboutus
{
    background-color: rgba(255, 255, 255, 0.6);
}

.aboutus p
{
    text-align: left;
    font-size: 18px;
}












 @media screen and (max-width: 1000px) 
 
 {

   

    .menu
    {
    margin-bottom:0px; 
    }

    .main /* */
    {
        padding:0; 
    }


    .menu li 
    {
       display:block; 
    }


    .header img 
    {
    width:350px; 
    margin-left:auto; 
    margin-right:auto; 
    display:block; 
    }

    .left 
    {
        width: 100%; 
    }

    .right /* */
    {
    width: 100%; 
    padding:0; 
    }

    .aboutus h1
    {
        font-size: 15px;
    }
    
    .aboutus p
    {
    text-align: left;
    font-size: 13px;
    }

    
 }