/*===================================================
Yell
====================================================*/

.yell h2 {
    padding: 0.5em ;
    background-color: #f3a800;
    border-radius: 5px;
    font-size: 1.8rem;
    color: #fff;
    margin-bottom: 1em;
    text-align: center;
    height: auto;
    font-weight: 700;
}

.yell h3 {
    padding: 0.2em ;
    border-bottom: solid 2px #bb5561;
    font-size: 1.5rem;
    color: #bb5561;
    margin-bottom: 1em;
    text-align: center;
    height: auto;
    font-weight: 700;
}

.yell h4 {
    padding: 0.5em ;
    background-color: #ededed;
    border-radius: 5px;
    font-size: 1.0rem;
    margin-bottom: 1em;
    font-weight: 700;
    color: #111;
}

.input.yell {
	width: 700px;
	border: solid 3px #f6bba6;
}

@media screen and (max-width: 1000px){
	.input.yell { width: 600px;	}
}

@media screen and (max-width: 800px){
	.input.yell { width: 400px;	}
}

@media screen and (max-width: 599px){
	.input.yell { width: 250px;	}
}

@media screen and (max-width: 499px){
	.input.yell { width: 200px;	}
}