body{
    background-color: coral;
}

.sidenav{
height: 100%;
width: 0;
position: fixed;
z-index: 1;
top: 0;
right: 0;
background-color: #111;
overflow-x: hidden;
padding-top: 60px;
transition: 0.5s;
}

.sidenav a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 25px;
color: #818181;
display: block;
transition: 0.3s;
}

.sidenav .closebtn{
position: absolute;
top: 0;
right: 25px;
font-size: 36px;
margin-left: 50px;
}

#main {
transition: margin-left .5s;
padding: 20px;
}

@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}

.sidenav a:visited {
color: green;
}

.sidenav a:hover{
color: gold;
}

.sidenav a:active {
color: rgb(27, 237, 237);
}
.susan{
margin: 200px;
padding: 10px;
opacity: 1em;
}
.wt-container{
background-color: #818181;
}
.footer {
padding: 10rem 3rem;
background-color: #37383d;
}

.footer__nav {
list-style: none;
display: flex;
justify-content: center;
margin-bottom: 5rem;
}

.footer__item {
margin-right: 4rem;
}

.footer__link {
font-size: 1.6rem;
color: #eee;
text-decoration: none;
}

.footer__logo {
height: 5rem;
display: block;
margin: 0 auto;
margin-bottom: 5rem;
}

.footer__copyright {
font-size: 1.4rem;
color: #aaa;
text-align: center;
}

.footer__copyright .footer__link {
font-size: 1.4rem;
}



img {
    border-radius: 50%;
    margin-top: 50px;
    margin-left: 40px;

  }

  .america{
    font-style: italic;
    font-family: sans-serif;
    font-weight: 300;
    
  }
/* for desktop */
.whatsapp_float {
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
        font-size:30px;
	box-shadow: 2px 2px 3px #999;
        z-index:100;
}

.whatsapp-icon {
	margin-top:16px;
}
/* for mobile */
@media screen and (max-width: 767px){
     .whatsapp-icon {
	 margin-top:10px;
     }
    .whatsapp_float {
        width: 40px;
        height: 40px;
        bottom: 20px;
        right: 10px;
        font-size: 22px;
    }
}

/* Style inputs with type="text", select elements and textareas */
input[type=text], select, textarea {
    width: 100%; /* Full width */
    padding: 12px; /* Some padding */ 
    border: 1px solid #ccc; /* Gray border */
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 16px; /* Bottom margin */
    resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
  }
  
  /* Style the submit button with a specific background color etc */
  input[type=submit] {
    background-color: #04AA6D;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
  }
  
  /* When moving the mouse over the submit button, add a darker green color */
  input[type=submit]:hover {
    background-color: #45a049;
  }
  
  /* Add a background color and some padding around the form */
  .container {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;
  }