.bptabGroup {
    width: auto;
    height: 100%;
}
.bptabGroup > input[type="radio"] {
    position: absolute;
    left:-100px;
    top:-100px;
}
.bptabGroup > input[type="radio"] + label {
    display: inline-block;
    border: 1px solid black;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-bottom: 0;
    padding: 5px 10px;
    background-color:#ddd;
}
.bptabGroup > input[type="radio"]:focus + label {
    border:1px dashed black;
}
.bptabGroup > input[type="radio"]:checked + label {
    background-color:white;
    font-weight: bold;
    border-bottom: 1px solid white;
    margin-bottom: -1px;
}
.bptabGroup > div {
    display: none;
    border: 1px solid black;
    background-color: white;
    padding: 10px 10px;
    height: 100%;
    overflow: auto;  
    box-shadow: 0 0 20px #444;
    -moz-box-shadow: 0 0 20px #444;
    -webkit-box-shadow: 0 0 20px #444;
    border-radius: 0 5px 5px 5px;
    -moz-border-radius: 0 5px 5px 5px;
    -webkit-border-radius: 0 5px 5px 5px;
}
.bptab_0:checked ~ .bptab_0, .bptab_1:checked ~ .bptab_1, 
.bptab_2:checked ~ .bptab_2,  .bptab_3:checked ~ .bptab_3, 
.bptab_4:checked ~ .bptab_4, .bptab_5:checked ~ .bptab_5, 
.bptab_6:checked ~ .bptab_6, .bptab_7:checked ~ .bptab_7,  
.bptab_8:checked ~ .bptab_8, .bptab_9:checked ~ .bptab_9,
.bptab_10:checked ~ .bptab_10, .bptab_11:checked ~ .bptab_11, 
.bptab_12:checked ~ .bptab_12,  .bptab_13:checked ~ .bptab_13, 
.bptab_14:checked ~ .bptab_14, .bptab_15:checked ~ .bptab_15,
.bptab_16:checked ~ .bptab_16, .bptab_17:checked ~ .bptab_17, 
.bptab_18:checked ~ .bptab_18,  .bptab_19:checked ~ .bptab_19, 
.bptab_20:checked ~ .bptab_20, .bptab_21:checked ~ .bptab_21,
.bptab_22:checked ~ .bptab_22, .bptab_23:checked ~ .bptab_23,
.bptab_24:checked ~ .bptab_24, .bptab_25:checked ~ .bptab_25,
.bptab_26:checked ~ .bptab_26, .bptab_27:checked ~ .bptab_27, 
.bptab_28:checked ~ .bptab_28,  .bptab_29:checked ~ .bptab_29, 
.bptab_30:checked ~ .bptab_30, .bptab_31:checked ~ .bptab_31, 
.bptab_32:checked ~ .bptab_32,  .bptab_33:checked ~ .bptab_33, 
.bptab_34:checked ~ .bptab_34, .bptab_35:checked ~ .bptab_35,
.bptab_36:checked ~ .bptab_36, .bptab_37:checked ~ .bptab_37, 
.bptab_38:checked ~ .bptab_38,  .bptab_39:checked ~ .bptab_39, 
.bptab_40:checked ~ .bptab_40, .bptab_41:checked ~ .bptab_41, 
.bptab_42:checked ~ .bptab_42,  .bptab_43:checked ~ .bptab_43, 
.bptab_44:checked ~ .bptab_44, .bptab_45:checked ~ .bptab_45,
.bptab_46:checked ~ .bptab_46, .bptab_47:checked ~ .bptab_47, 
.bptab_48:checked ~ .bptab_48,  .bptab_49:checked ~ .bptab_49,
.bptab_50:checked ~ .bptab_50,  .bptab_51:checked ~ .bptab_51,
.bptab_52:checked ~ .bptab_52,  .bptab_53:checked ~ .bptab_53,
.bptab_54:checked ~ .bptab_54,  .bptab_55:checked ~ .bptab_55,
.bptab_56:checked ~ .bptab_56,  .bptab_57:checked ~ .bptab_57,
.bptab_58:checked ~ .bptab_58,  .bptab_59:checked ~ .bptab_59,
.bptab_60:checked ~ .bptab_60,  .bptab_61:checked ~ .bptab_61,
.bptab_62:checked ~ .bptab_62,  .bptab_63:checked ~ .bptab_63,
.bptab_64:checked ~ .bptab_64,  .bptab_65:checked ~ .bptab_65,
.bptab_66:checked ~ .bptab_66,  .bptab_67:checked ~ .bptab_67,
.bptab_68:checked ~ .bptab_68,  .bptab_69:checked ~ .bptab_69,
.bptab_70:checked ~ .bptab_70,  .bptab_71:checked ~ .bptab_71,
.bptab_72:checked ~ .bptab_72,  .bptab_73:checked ~ .bptab_73,
.bptab_74:checked ~ .bptab_74,  .bptab_75:checked ~ .bptab_75,
.bptab_76:checked ~ .bptab_76,  .bptab_77:checked ~ .bptab_77,
.bptab_78:checked ~ .bptab_78,  .bptab_79:checked ~ .bptab_79,
.bptab_80:checked ~ .bptab_80,  .bptab_81:checked ~ .bptab_81,
.bptab_82:checked ~ .bptab_82,  .bptab_83:checked ~ .bptab_83,
.bptab_84:checked ~ .bptab_84,  .bptab_85:checked ~ .bptab_85,
.bptab_86:checked ~ .bptab_86,  .bptab_87:checked ~ .bptab_87,
.bptab_88:checked ~ .bptab_88,  .bptab_89:checked ~ .bptab_89,
.bptab_90:checked ~ .bptab_90,  .bptab_91:checked ~ .bptab_91,
.bptab_92:checked ~ .bptab_92,  .bptab_93:checked ~ .bptab_93,
.bptab_94:checked ~ .bptab_94,  .bptab_95:checked ~ .bptab_95,
.bptab_96:checked ~ .bptab_96,  .bptab_97:checked ~ .bptab_97,
.bptab_98:checked ~ .bptab_98,  .bptab_99:checked ~ .bptab_99,
.bptab_100:checked ~ .bptab_100,  .bptab_101:checked ~ .bptab_101,
.bptab_102:checked ~ .bptab_102,  .bptab_103:checked ~ .bptab_103,
.bptab_104:checked ~ .bptab_104,  .bptab_105:checked ~ .bptab_105,
.bptab_106:checked ~ .bptab_106,  .bptab_107:checked ~ .bptab_107,
.bptab_108:checked ~ .bptab_108,  .bptab_109:checked ~ .bptab_109,
.bptab_110:checked ~ .bptab_110,  .bptab_111:checked ~ .bptab_111,
.bptab_112:checked ~ .bptab_112,  .bptab_113:checked ~ .bptab_113,
.bptab_114:checked ~ .bptab_114,  .bptab_115:checked ~ .bptab_115,
.bptab_116:checked ~ .bptab_116,  .bptab_117:checked ~ .bptab_117,
.bptab_118:checked ~ .bptab_118,  .bptab_119:checked ~ .bptab_119,
.bptab_120:checked ~ .bptab_120,  .bptab_121:checked ~ .bptab_121,
.bptab_122:checked ~ .bptab_122,  .bptab_123:checked ~ .bptab_123,
.bptab_124:checked ~ .bptab_124,  .bptab_125:checked ~ .bptab_125,
.bptab_126:checked ~ .bptab_126,  .bptab_127:checked ~ .bptab_127,
.bptab_128:checked ~ .bptab_128,  .bptab_129:checked ~ .bptab_129,
.bptab_130:checked ~ .bptab_130,  .bptab_131:checked ~ .bptab_131,
.bptab_132:checked ~ .bptab_132,  .bptab_133:checked ~ .bptab_133,
.bptab_134:checked ~ .bptab_134,  .bptab_135:checked ~ .bptab_135,
.bptab_136:checked ~ .bptab_136,  .bptab_137:checked ~ .bptab_137,
.bptab_138:checked ~ .bptab_138,  .bptab_139:checked ~ .bptab_139,
.bptab_140:checked ~ .bptab_140,  .bptab_141:checked ~ .bptab_141,
.bptab_142:checked ~ .bptab_142,  .bptab_143:checked ~ .bptab_143,
.bptab_144:checked ~ .bptab_144,  .bptab_145:checked ~ .bptab_145,
.bptab_146:checked ~ .bptab_146,  .bptab_147:checked ~ .bptab_147,
.bptab_148:checked ~ .bptab_148,  .bptab_149:checked ~ .bptab_149
{
    display: block;
}

@media only screen and (min-width: 1024px) {

#boatphoto {
  display: flex;     
  padding-left: 15px;
  padding-right: 15px;
}
#boatphoto0 {
    float: left;
    width: 50%;
  padding: 10px 10px;
}
#boatphoto1 {
    width: 50%;
    float: left;
  padding: 15px 15px;
}
}

@media only screen and (max-width: 1023px) {
#boatphoto {
  width: 95%;
  height: auto;
  padding: 10px 10px;
}    
}