* {
    box-sizing: border-box;
}

html {
    height: 100%;
    margin:0;
}
body {
    height: 100%;
    padding:0;
    margin:0;
}

body, textarea {
    font-family: arial;
}


form {
	margin:0;
}
img {
	border:0;
}

/* === Convenience Classes === */
.hidden {
    display: none;
}

.page-width {
    max-width: 1100px;
    margin: 0 auto;
    padding: 30px;
}

.clear {
    clear: both;
}

.flex-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    
}


.col {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    margin: 0 auto;
}

.col img.fullsize {
    width: 100%;
    padding-left: 30px;
}



.submit-row {
    margin-top: 20px;
}

.submit-row input[type="button"] {
    width: 150px;
}

.submit-row input[type="button"][disabled] {
    background-color: #333;
}

/* Responsive */
.responsive {
    display: none !important;
}


/* minor pages */

ul.bullet-list li {
    margin-top: 10px;
}

@media all and (min-width:700px) {

    #btnSubmit {
        width:  50%;
        float: right;
    }
    
    
    .col.first {
        padding-right: 25px;
    }

    .col.second {
        padding-left: 25px;
    }

}


@media all and (max-width:1250px) {
    #backlink {
        margin-left: 85px;
    }
    
    h1 {
        padding-top: 80px;
    }
}

@media all and (max-width:700px) {

    .page-width {
        padding: 10px;
    }
    
    
    .col {
        width: 100%;
    }   
 
    .r-hidden {
          display: none !important;
     }

    .responsive {
        display: block !important;
    }
}