/* Set background */ 
#clouds {
    background-color: #24579c;                                  /* Background color */
    background-image: url(Images/contact_background.jpg);       /* Use this image */ 
    background-repeat: no-repeat;                               /* Do not repeat image */ 
    background-size: auto 100vh;                                /* Size of image */ 
    background-position: left top;                              /* Lock position */
    height:100vh;                                               /* Size of box */ 
    overflow: auto;
}

/* Contact info */ 
#contactbox {    
    width: 100vw;       /* Size */ 
    padding-top: 20vh;  /*Position */ 
}

/* White box*/ 
#whitebox {
    background-color: rgba(255, 255, 255, 0.5); /* Color */ 
    padding: 10vh 17vw 10vh 17vw;               /* Position */
}
    #whitebox h2{ padding-bottom: 10vh;}

/* Background & text when image does not cover the screen */
@media (max-height:530px) { 
    #clouds {  background-image: none; }
}
    
/* Designing for mobile */
@media (max-width: 1024px) { 
  
    /* Reset contactbox */ 
    #contactbox { padding:0px; }

    /* Style whitebox */ 
    #whitebox {text-align: center; padding-top: 5vh; padding-bottom: 5vh; /* Position */}
}