.checkAvailFormContainer { /* background-color: rgba(255, 255, 255, 0.9);*/ padding: 10px; } .checkAvailFormContainer > .close { color: #aaa; float: right; font-size: 32px; font-weight: bold; width:100%; text-align:right; } .checkAvailFormContainer > .close:hover, .close:focus { color: black; text-decoration: none; cursor: pointer; } .checkAvailFormComponent { float:left; } .checkAvailFormComponent > input { font-weight:300; } .checkAvailFormComponent > textarea { height:135px; } .fullWidthField { width:100%; } .halfWidthField { width:50%; padding:5px; } span.fieldLabel { color: #0179c3; font-size:medium; font-weight:400; } input.sendButtonStyle { width: 30% !important; background-color: white; border: 2px solid #0179c3; color: #0179c3; font-weight: 500; font-size: 12pt; text-transform: uppercase; margin: 10px 5px 10px auto; float:right; } /* responsive stuff /* Responsive layout - makes a two column-layout instead of four columns */ @media screen and (max-width: 1100px) { div.itemContainer { width: 33.33% !important; } } @media screen and (max-width: 700px) { div.itemContainer { width: 50% !important; } div.itemImageBlock { width:100% !important; } div.extraFieldsTab { width:100% !important; } div.checkAvailFormContainer { width:90%; } } @media screen and (max-width: 500px) { div.itemContainer { width: 100% !important; } div.checkAvailFormContainer { width:90%; } } *Full name: *Email: *Telephone: Country: Start Date: End Date: Budget: Comments: Anything special?