@media only screen and (min-width: 275px) {
    #logo {
     width: 157px;
        height: 35px;
     text-align: center;
     padding: 0;
     margin: 0;
     object-fit: cover;}
        
    .text-area {
     width: 100%}
        
    .top-space {
     padding-top: 20px;
     font-family: 'Cinzel', serif;}
        
    .btn-blue {
     background: #1967bc;
     color: #fff;
     float: none;
     margin: 0 auto;}
     
    .btn-blue:hover {
     border-radius: 7px;
     background-color: #f4cf31;
     box-shadow: 0 0 5px #655f79;
     border: 1px solid #ffffff;}
        
    .linkedin:hover .social {
     fill: #000000;}
        
    .google-plus:hover .social {
     fill: #000000;
        margin-bottom: 20px;}
        
    /* HIDE RADIO BUTTONS */
    [type=radio] { 
     position: relative;
     opacity: 0;
     width: 0;
     height: 0;
        margin: 0 auto;
        padding: 0 20px;
        display: inline-block;}
    
    /* IMAGE STYLES */
    [type=radio] + img {
     cursor: pointer;}
    
    /* CHECKED STYLES */
    [type=radio]:checked + img {
     outline: 2px solid #FEC35B;}
        
    label.type {
     text-align: center;
        padding: 5px 10px;}
        
    .no-pad {
     padding-bottom: 0;}
        
    #Layer_1 {
     fill: #ffffff;}
    
    #Layer_2 {
     fill: #ffffff;}
        
    .bg-periodic {
     background: url(images/bg-periodic.png) no-repeat center center fixed; 
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     background-color: #ffffff;}
        
    .b-pad {
     margin-bottom: 20px;}
    }
    
    @media only screen and (min-width: 576px) {
    #logo {
     width: 157px;
        height: 35px;
     text-align: center;
     padding: 0;
     margin: 0;
     object-fit: cover;}
        
    .text-area {
     width: 100%}
        
    .top-space {
     padding-top: 20px;
     font-family: 'Cinzel', serif;}
        
    .btn-blue {
     background: #1967bc;
     color: #fff;
     float: none;
     margin: 0 auto;}
     
    .btn-blue:hover {
     border-radius: 7px;
     background-color: #f4cf31;
     box-shadow: 0 0 5px #655f79;
     border: 1px solid #ffffff;}
        
    .linkedin:hover .social {
     fill: #000000;}
        
    .google-plus:hover .social {
     fill: #000000;
        margin-bottom: 20px;}
        
    /* HIDE RADIO BUTTONS */
    [type=radio] { 
     position: relative;
     opacity: 0;
     width: 0;
     height: 0;
        margin: 0 auto;
        padding: 0 20px;
        display: inline-block;}
    
    /* IMAGE STYLES */
    [type=radio] + img {
     cursor: pointer;}
    
    /* CHECKED STYLES */
    [type=radio]:checked + img {
     outline: 2px solid #FEC35B;}
        
    label.type {
     text-align: center;
        padding: 5px 10px;}
        
    .no-pad {
     padding-bottom: 0;}
        
    #Layer_1 {
     fill: #ffffff;}
    
    #Layer_2 {
     fill: #ffffff;}
        
    .bg-periodic {
     background: url(images/bg-periodic.png) no-repeat center center fixed; 
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     background-color: #ffffff;}
        
    .b-pad {
     margin-bottom: 20px;}
    }
    
    @media only screen and (min-width: 768px) {
    #logo {
     width: 157px;
     height: 35px;
     text-align: center;
     padding: 0;
     margin: 0;
     object-fit: cover;}
        
    .text-area {
     width: 100%}
        
    .top-space {
     padding-top: 20px;
     font-family: 'Cinzel', serif;}
        
    .btn-blue {
     background: #1967bc;
     color: #fff;
     float: none;
     margin: 0 auto;}
     
    .btn-blue:hover {
     border-radius: 7px;
     background-color: #f4cf31;
     box-shadow: 0 0 5px #655f79;
     border: 1px solid #ffffff;}
        
    .linkedin:hover .social {
     fill: #000000;}
        
    .google-plus:hover .social {
     fill: #000000;
     margin-bottom: 20px;}
        
    /* HIDE RADIO BUTTONS */
    [type=radio] { 
     position: relative;
     opacity: 0;
     width: 0;
     height: 0;
     margin: 0 auto;
     padding: 0 20px;
     display: inline-block;}
    
    /* IMAGE STYLES */
    [type=radio] + img {
     cursor: pointer;}
    
    /* CHECKED STYLES */
    [type=radio]:checked + img {
     outline: 2px solid #FEC35B;}
        
    label.type {
     text-align: center;
     padding: 5px 10px;}
        
    .no-pad {
     padding-bottom: 0;}
        
    #Layer_1 {
     fill: #ffffff;}
    
    #Layer_2 {
     fill: #ffffff;}
        
    .bg-periodic {
     background: url(images/bg-periodic.png) no-repeat center center fixed; 
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     background-color: #ffffff;}
        
    .b-pad {
     margin-bottom: 20px;}
    }
    
    @media only screen and (min-width: 992px) {
    #logo {
     width: 157px;
     height: 35px;
     text-align: center;
     padding: 0;
     margin: 0;
     object-fit: cover;}
        
    .text-area {
     width: 100%}
        
    .top-space {
     padding-top: 20px;
     font-family: 'Cinzel', serif;}
        
    .btn-blue {
     background: #1967bc;
     color: #fff;
     float: none;
     margin: 0 auto;}
     
    .btn-blue:hover {
     border-radius: 7px;
     background-color: #f4cf31;
     box-shadow: 0 0 5px #655f79;
     border: 1px solid #ffffff;}
        
    .linkedin:hover .social {
     fill: #000000;}
        
    .google-plus:hover .social {
     fill: #000000;
        margin-bottom: 20px;}
        
    /* HIDE RADIO BUTTONS */
    [type=radio] { 
     position: relative;
     opacity: 0;
     width: 0;
     height: 0;
        margin: 0 auto;
        padding: 0 20px;
        display: inline-block;}
    
    /* IMAGE STYLES */
    [type=radio] + img {
     cursor: pointer;}
    
    /* CHECKED STYLES */
    [type=radio]:checked + img {
     outline: 2px solid #FEC35B;}
        
    label.type {
     text-align: center;
        padding: 5px 10px;}
        
    .no-pad {
     padding-bottom: 0;}
        
    #Layer_1 {
     fill: #ffffff;}
    
    #Layer_2 {
     fill: #ffffff;}
        
    .bg-periodic {
     background: url(images/bg-periodic.png) no-repeat center center fixed; 
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     background-color: #ffffff;}
        
    .b-pad {
     margin-bottom: 20px;}
    }
    
    @media only screen and (min-width: 1200px) {
    #logo {
     width: 157px;
        height: 35px;
     text-align: center;
     padding: 0;
     margin: 0;
     object-fit: cover;}
        
    .pics {
     width: 250px;
        height: 250px;
        margin: 0 auto;
        padding: 0;
        float: none;
        display: block;
        text-align: center;}
        
    .tight {
     margin-top: 40px; 
        margin-bottom: 40px;}
    
    .text-area {
     width: 100%}
        
    .top-space {
     padding-top: 20px;
     font-family: 'Cinzel', serif;}
        
    .btn-blue {
     background: #1967bc;
     color: #fff;
     float: none;
     margin: 0 auto;}
     
    .btn-blue:hover {
     border-radius: 7px;
     background-color: #f4cf31;
     box-shadow: 0 0 5px #655f79;
     border: 1px solid #ffffff;}
        
    .linkedin:hover .social {
     fill: #000000;}
        
    .google-plus:hover .social {
     fill: #000000;
        margin-bottom: 20px;}
        
    /* HIDE RADIO BUTTONS */
    [type=radio] { 
     position: relative;
     opacity: 0;
     width: 0;
     height: 0;
        margin: 0 auto;
        padding: 0 20px;
        display: inline-block;}
    
    /* IMAGE STYLES */
    [type=radio] + img {
     cursor: pointer;}
    
    /* CHECKED STYLES */
    [type=radio]:checked + img {
     outline: 2px solid #FEC35B;}
        
    label.type {
     text-align: center;
        padding: 5px 10px;}
        
    .no-pad {
     padding-bottom: 0;}
        
    #Layer_1 {
     fill: #ffffff;}
    
    #Layer_2 {
     fill: #ffffff;}
        
    .bg-periodic {
     background: url(images/bg-periodic.png) no-repeat center center fixed; 
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     background-color: #ffffff;}
        
    .b-pad {
     margin-bottom: 20px;}
    }