@import "https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" #openModalBtn{background:#d03f43;color:white;font-family:'Roboto';font-weight:400;font-size:18px;padding:1em 2em;border:0;cursor:pointer}#openModalBtn:hover{background:black}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;height:100%;width:100%;overflow:auto;background-color:rgba(255,255,255,0.85);animation-name:animModal;animation-duration:1s}.modal-content{margin:1% auto;width:400px;box-shadow:0 5px 8px 0 rgba(0,0,0,0.2),0 7px 20px 0 rgba(0,0,0,0.15);border:4pt white solid;background-color:rgba(208,63,67,0.9)}.modal-header{background-color:rgba(0,0,0,0);color:white !important;padding:10px}.modal-header h2{font-family:'Roboto';font-weight:500;font-size:2rem;color:white !important;text-align:center !important;text-transform:uppercase;letter-spacing:1px}.pseudoLine{margin:auto;width:25%;height:5%;border-bottom:5px white solid}.close{float:right;font-size:20px}.close:hover,.close:focus{text-decoration:none;color:#aaa;cursor:pointer}.modal-body{background-color:rgba(0,0,0,0);color:white;padding:10px 15px;font-family:'Roboto';font-weight:400;font-size:1.35rem;text-align:center}.modal-footer{display:flex;background-color:rgba(0,0,0,0);padding-bottom:15px;justify-content:center}#exploreBtn{background-color:rgba(0,0,0,0);color:white;font-family:'Roboto';font-weight:400;font-size:18px;padding:1em 2em;border:2pt white solid;cursor:pointer}#exploreBtn:hover{background:white;color:black}@keyframes animModal{from{opacity:0}to{opacity:1}}@media(max-width:415px){.modal-content{margin:15% auto;width:80%}#model-image{width:100% !important;max-width:100px !important;height:auto !important}.modal-header h2{font-size:1.5rem;padding:0px}}