/***************************************************************************************
  
Containers
  
****************************************************************************************/

@media (max-width: 800px) {
    .content {
        margin-left: 10%;
    }
}

@media (max-width: 600px) {
    .content {
        width: 80%;
        
        margin-left: 10%;
    }
}

/***************************************************************************************
  
Body
  
****************************************************************************************/

@media (max-width: 800px) {
    body::after {
        display: none;
    }
}

@media (max-width: 600px) {
    body::after {
        display: none;
    }
}

/***************************************************************************************
  
Subscribe
  
****************************************************************************************/

@media (max-width: 300px) {
    input[type="text"],
    input[type="email"] {
        width: 180px;
    }
    
    .button {
        left: 201px;
    }
}