/*
contact site CSS definitions
(c) 2020 ming.coach
*/

	.form {
	    margin-top: 100px;
	    margin-bottom: 100px;
	    padding: 50px;
	    border-radius: 25px;
	    -webkit-box-shadow: 3px 3px 18px 3px rgba(191,191,191,0.91);
        box-shadow: 3px 3px 18px 3px rgba(191,191,191,0.91);
	}
		.darkmode--activated .form {
		    background: var(--dark-sec);
		    box-shadow: none;
		    webkit-box-shadow: none;
		}
		
		
	.field:nth-child(1),
	.field:nth-child(2){
		width: calc(50% - 20px);
	}
	
		.darkmode--activated .field:nth-child(1),
		.darkmode--activated .field:nth-child(2){
			color: white;
		}
	
	.field:nth-child(3),
	.field:nth-child(4){
		width: 100%;
	}
	
	
/* Responsive styles --> tiny Laptops */


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

	}

/* Responsive styles --> Tablet */


	@media screen and (max-width:770px) and (orientation:portrait) {
        .body {
            padding-top: 100px;
        }

	}

	@media screen and (max-height:770px) and (orientation:landscape) {
        .body {
            padding-top: 100px;
        }
	}

/* Responsive styles --> Mobile */

	@media screen and (max-width:450px) and (orientation:portrait) {


	   	.field:nth-child(1),
    	.field:nth-child(2){
    		width: 100%;
    	}
	
	}

	@media screen and (max-height:450px) and (orientation:landscape) {


	}