/* MODAL 1 */

.modal1 {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
}

.modal1-content {
	padding:5px;
    background-color: #fefefe;
    margin: 15% auto;
    border: 1px solid #888;
    width: 60%;
    max-height:60%; 
    overflow-y: auto;
}

.modal1-content h2 {
	font-size:20px;
	color:blue;
}

.modal1-content p {
    text-align:left;
    font-size:14px;
    font-family:'Lato';
    color:green;
}

.close1 {
    color: #aaa;
    position: relative;
    float: right;
    cursor: pointer;
    font-size: 50px;
    padding: 0 10px 0 0;
    font-weight: bold;
}


/* MODAL 2 */

.modal2 {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
}

.modal2-content {
	padding:5px;
    background-color: #fefefe;
    margin: 15% auto;
    border: 1px solid #888;
    width: 60%;
    max-height:60%; 
    overflow-y: auto;
}

.modal2-content h2 {
	font-size:20px;
	color:blue;
}

.modal2-content p {
    text-align:left;
    font-size:14px;
    font-family:'Lato';
    color:green;
}

.close2 {
    color: #aaa;
    position: relative;
    float: right;
    cursor: pointer;
    font-size: 50px;
    padding: 0 10px 0 0;
    font-weight: bold;
}


/* MODAL 3 */

.modal3 {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
}

.modal3-content {
	padding:5px;
    background-color: #fefefe;
    margin: 15% auto;
    border: 1px solid #888;
    width: 60%;
	max-height:60%; 
    overflow-y: auto;
}

.modal3-content h2 {
	font-size:20px;
	color:blue;
}

.modal3-content p {
    text-align:left;
    font-size:14px;
    font-family:'Lato';
    color:green;
}

.close3 {
    color: #aaa;
    position: relative;
    float: right;
    cursor: pointer;
    font-size: 50px;
    padding: 0 10px 0 0;
    font-weight: bold;
}

/* MODAL 4 */

.modal4 {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
}

.modal4-content {
	padding:5px;
    background-color: #fefefe;
    margin: 15% auto;
    border: 1px solid #888;
    width: 60%;
    max-height:60%; 
    overflow-y: auto;
}

.modal4-content h2 {
	font-size:20px;
	color:blue;
}

.modal4-content p {
    text-align:left;
    font-size:14px;
    font-family:'Lato';
    color:green;
}

.close4 {
    color: #aaa;
    position: relative;
    float: right;
    cursor: pointer;
    font-size: 50px;
    padding: 0 10px 0 0;
    font-weight: bold;
}

/* MODAL 5 */

.modal5 {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
}

.modal5-content {
	padding:5px;
    background-color: #fefefe;
    margin: 15% auto;
    border: 1px solid #888;
    width: 60%;
    max-height:60%; 
    overflow-y: auto;
}

.modal5-content h2 {
	font-size:20px;
	color:blue;
}

.modal5-content p {
    text-align:left;
    font-size:14px;
    font-family:'Lato';
    color:green;
}

.close5 {
    color: #aaa;
    position: relative;
    float: right;
    cursor: pointer;
    font-size: 50px;
    padding: 0 10px 0 0;
    font-weight: bold;
}